if you want to display the home page ratemyphoto with highslide effects change the following template: ratemyphoto_newest_photos by :
HTML Code:
<script type="text/javascript" src="http://www.yoursite.com/forum/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.yoursite.com/forum/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'http://www.yoursite.com/forum/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
<div class="highslide-gallery">
<td class="blockrow" >
<a id="thumb1" href="ratemyphoto/photos/{vb:raw newestphotoname}" class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 } )">
<img src="ratemyphoto/photos/thumbs/{vb:raw newestphotoname}" alt="{vb:raw newestphotoname}"
title="Click pour agrandir la photo." /></a><br/>
{vb:raw newesttitle}<br />
{vb:var vbphrase.ratemyphoto_by}: <a href="member.php?u={vb:raw newestuserid}&tab=ratemyphoto#ratemyphoto">{vb:raw newestusername}</a><br />
{vb:var vbphrase.ratemyphoto_in}: <a href="ratemyphoto.php?do=main&catid={vb:raw newestcatid}">{vb:raw newestcategory}</a><br />
{vb:var vbphrase.ratemyphoto_votes}: <b>{vb:raw newestvotes}</b><br/>
{vb:var vbphrase.ratemyphoto_rating}: <b>{vb:raw newestrating}</b>
</td>
</div>
do not forget to create a directory that contains the files highslide:
- highslide-with-gallery.js
- highslide.css
- subdirectory graphics
download it in highslide site
her
Attachment 143154 Attachment 143155
enjoy!