商品列表页多图切换的实现

2016-07-07 14:55 来源：www.chinab4c.com 作者：ecshop专家



1、打开category.php 找到 category_get_goods 这个函数在函数内部的 循环里加入


  2. $arr[$row['goods_id']]['pics']= get_goods_gallery($row['goods_id']);
  3. $arr[$row['goods_id']]['name'] = $row['goods_name'];
  4. $arr[$row['goods_id']]['goods_brief']= $row['goods_brief'];
复制代码


2、打开goods_list.lbi文件在图片列表的 图片链接上加入
  1. <a href="{$goods.url}" target="_blank" id="show_{$goods.goods_id}">
复制代码


3、大图下加入
  1. <!-- {foreach from=$goods.pics item=pic name=no key=key}-->
  2. <div {if $key eq 0} class="nor cur"{else}class="nor"{/if} id="pic_{$goods.goods_id}_{$smarty.foreach.no.iteration}"><a href="javascript:;" onClick="update_pic('{$goods.goods_id}','{$pic.img_url}','{$smarty.foreach.no.iteration}','{$smarty.foreach.no.total}')" ><img src="{$pic.thumb_url}" alt="{$pic.goods_name}" title="{$pic.goods_name}" height="30px" width="30px"></a></div>
  3. <!--{/foreach}-->
复制代码
小图。

4、 在category.dwt 加入
  1. <script>
  2. function update_pic(goods_id,pic,pic_id,all_num)
  3. {
  4. document.getElementById("show_"+goods_id).innerHTML='<img src="'+pic+'" height="200px" width="200px">';


  7. for(i=1; i <=all_num; i++){


  10. if (i == pic_id){
  11. document.getElementById("pic_"+goods_id+"_"+i).className = "nor cur";
  12. }
  13. else{
  14. document.getElementById("pic_"+goods_id+"_"+i).className = "nor";
  15. }
  16. }

  18. }
  19. </script>
复制代码

回答：
这样加载的话。商品列表页面.图片内容太多。影响网站速度把.呵呵



把 相册图片的显示个数控制住 。你列表也最多显示30个商品 。

当然不是最完美的 你把你的方法贴出来分享给网友（是真正的代码）

不错哦，有时候需要的哈。

好东西大家一起分享

很不错。。

非常好，谢谢

支持齐老师！

非常好，支持齐老师！样式自己弄了，呵呵

这个好像没什么大的所用

太好了 谢谢

支持齐老师！

商品列表页多图切换的实现

留着。以后有用