|
 
- 帖子
- 84
- 积分
- 180
- 体力
- 116 点
- 金币
- 22
- 威望
- 0
|
[共享] 产品详细页图片切换 效果 终于被我搞定了。。。。
模版文件good.dwt 关键代码
<div class="imgInfo">
<!-- {if $pictures}-->
<a href="javascript:;" onclick="window.open('gallery.php?id={$goods.goods_id}'); return false;">
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}" id="imgInfo"/>
</a>
<!-- {else} -->
<img src="{$goods.goods_img}" alt="{$goods.goods_name|escape:html}"/>
<!-- {/if}-->
<div class="blank5"></div>
<!--相册 START-->
<!-- #BeginLibraryItem "/library/goods_gallery.lbi" --><!-- #EndLibraryItem -->
<!--相册 END-->
相册关键代码 ：
<!-- {foreach from=$pictures item=picture}-->
<li><a href="gallery.php?id={$id}&img={$picture.img_id}" target="_blank"><img src="{if $picture.thumb_url}{$picture.thumb_url}{else}{$picture.img_url}{/if}" alt="{$goods.goods_name}" class="B_blue" onmouseover="document.getElementById('imgInfo').src='{$picture.img_url}';document.getElementById('imgInfo').width=400"/></a>
</li>
<!--{/foreach}-->
原理：设置商品主图ID 为imgInfo
鼠标划过缩图直接改变 imgInfo 的 src 属性。
演示 ：
http://www.cnairtoy.com/goods-322.html |
|
发表于 2012-12-1 17:49
| 
