我尝试将 slidejs 实现到页面。即使图像加载正确并且节目似乎开始了(我对初始幻灯片的淡入淡出效果),它也不会进入下一张。此外,我如何在分页部分为图像的动态获取创建正确的索引?这是 HTML/php 代码:
<div id="products">
<div class="slides_container">
<div><img src="{$current_sale.images.default.detail.src}" alt="{$current_sale.Product.Brand.name} {$current_sale.Product.name}" /></div>
{foreach from=$current_sale.images key=name item=images name=images}
{if $name == 'default' || $images.mini.size != $current_sale.images.default.mini.size}
<div><img src="{$images.mini.src}"/></div>
{/if}
{/foreach}
</div>
<ul class="pagination2" >
{foreach from=$current_sale.images key=name item=images name=images}
{if $name == 'default' || $images.mini.size != $current_sale.images.default.mini.size}
<li><a href="#"><img src="{$images.mini.src}" /></a></li>
{/if}
{/foreach}
</ul>
</div>
</div>
这里是 js(在 document.ready 函数中实现):
$('#products').slides({
preload: true,
effect: 'slide, fade',
.
.
.