1

我尝试将 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',
.
.
.
4

0 回答 0