Hello.
Here's a quick tutorial to fix a function that does not work on version 3 and add a way to display the picture
Actually you can't select 'image-slideshow' in the property details config.
After you can show properties like this:
1 - Download and uncompress the attached file.
2 - Backup your own files.
3 - Copy these files In the directory of your site.
4 - Edit the template you use. (details.php, details_tab.php ...)
5 - Search for all occurrences of
if($ShowImagesSystem == and replace with
if($ShowImagesSystemDetail ==
6 - insert this code:
| Code: |
?>
<link rel="stylesheet" href="<?php echo JURI::base();?>components/com_properties/includes/css/image-slideshow.css" type="text/css" media="screen" charset="utf-8" />
<div class="tituloProduct2" style="float:left;"></div>
<div id="dhtmlgoodies_slideshow">
<div id="previewPane">
<?php
$rout_image = 'images/properties/images/'.$Product->id.'/';
$rout_thumb = 'images/properties/images/thumbs/'.$Product->id.'/';
/*echo '<pre>';
print_r($this->ImagesProduct[0]);
echo '</pre>';*/
//print_r ($this->ImagesProduct[0]->rout) ;
?>
<img src="<?php echo $this->ImagesProduct[0]->rout ;?>" alt="<?php echo $Product->name ?>" width="460" height="345" >
<span id="waitMessage"><img src="components/com_properties/includes/img/loading.gif" alt="Waiting"></span>
<div id="largeImageCaption"><?php echo print_r($this->ImagesProduct[0]->text); ?></div>
</div>
<div id="galleryContainer">
<div id="arrow_left"><img src="components/com_properties/includes/img/arrow_left.gif"></div>
<div id="arrow_right"><img src="components/com_properties/includes/img/arrow_right.gif"></div>
<div id="theImages">
<?php
$imageCaption='';
$numI=1;
foreach($this->ImagesProduct as $image){
if(JFile::exists($image->path)){ ?>
<a href="#" onclick="showPreview('<?php echo $image->rout ; ?>','<?php echo $numI ?>');return false"><img style="opacity: 0.75;" width="120px" height="90px" src="<?php echo $rout_thumb.$image->name;?> " alt="<?php echo $image->text; ?>"/></a>
<div class="imageCaption"><?php echo $image->text?></div>
<?php $numI ++ ?>
<?php
}
}
?>
<div class="imageCaption"><?php echo $imageCaption;?></div>
<!-- End image captions -->
<div id="slideEnd"></div>
</div>
</div>
</div>
<?php
|
between:
if($ShowImagesSystemDetail ==
and:
}
?>(2 times)
7 - Save your file.
8 - in the properties' configuration, In 'property Details' 'Show Images System' select 'image-slideshow'.
9 - In your site, see the result.
10 - take a beer
Limitations:
Vertical images will be stretched.
With the template 'rhuk_milkyway' main image is not centered.
Tested in Vista32 with Firefox 3.6 - ie8 - ie7 - ie6 - ie5.5
Forum v3
Sorry if it sounded that way, just saying that the instructions are not clear, and that it does not work for me. In the original instructions it says:
Apartment
For Sale