I try to implement a template for Album (s3slider, a diaporama based on jQuery : a template for Album. http://www.serie3.info/s3slider/demonstration.html).
It's simple, and here is the code for my template :
Code: Select all
{literal}
<style type="text/css" media="screen">
#slider {
width: 410px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent {
width: 410px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 384px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul { list-style-type: none;}
</style>
<!-- JavaScripts-->
<__script__ type="text/javascript" src="modules/Album/templates/db/s3Slider/js/jquery.js"></__script>
<__script__ type="text/javascript" src="modules/Album/templates/db/s3Slider/js/s3Slider.js"></__script>
<__script__ type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 3000
});
});
</__script>
{/literal}
<div id="slider">
{foreach from=$pictures item=picturesrow}
{foreach from=$picturesrow item=onepicture}
<ul id="sliderContent">
<li class="sliderImage">
<a href="{$onepicture->link}"><img src="{$onepicture->picture}" alt="{$onepicture->name|escape:'html'}" /></a>
<span class="top"><strong>{$onepicture->name|escape:'html'}</strong><br />
{$picture->comment}<br />{$picture->comment2}<br />{$picture->comment3}</span>
</li>
</ul>
{if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}
{/foreach}
{/foreach}</div>
.. It's working fine, but the comment are the same in all the pictures.
i using {$picture->comment|escape:'html'}. I have try with {$picture->comment1}, {$picture->comment2}, {$picture->comment3} and it's also the same. Same comment (1, 2, 3) are display in all the pictures without any changes, but i have all differents comment in the pictures.
I have try with other template and it's also the same. The same comment is showing.
Is there is a bug ? Is somebody have any informations about this bug or can help me to display different comments for each pictures ?
B Regards,
Thanks for your help.
