ページに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',
.
.
.