产品详细页图片切换 效果 终于被我搞定了。。。。

2016-07-07 16:03 来源:www.chinab4c.com 作者:ecshop专家

模版文件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}&amp;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

回答:
JavaScript禁止右键代码
2012-04-03 17:04提问者: 匿名 |浏览次数:1260次
我要的功能有当点击右键是不弹出右键菜单,也不弹出“版权所有,禁止转载”的对话框就是右键没反应,也不能选择文本。ctrl+A也不难全选nandegroup.com 就像这个网站一样
我来帮他解答
推荐答案
2012-04-03 19:29
<script type="text/javascript"> document.body.oncontextmenu=document.body.ondragstart= document.body.**electstart=document.body.onbeforecopy=function(){return false;};
document.body.**elect=document.body.oncopy=document.body.onmouseup=function(){document.selection.empty();}; </script>
1|评论(1)

黑睿| 十二级采纳率47%|
擅长领域:手机/通讯电脑/网络
按默认排序|按时间排序
其他回答 共2条
2012-04-06 16:27plam401| 四级
屏蔽右键是写在<body>标签中的。一下屏蔽了右键,拖拽,选择。一点反应都没有。
<body oncontextmenu="return false" ondragstart="return false" **electstart="return false">
</body>

加在body中

http://zhidao.baidu.com/question/405140690.html

百度了一下,禁止右键

看着挺杂啊

看着挺杂啊

我表示非常的纠结

有啥看不懂的,尽管问我。这个代码要在dream weaver 里面看就清晰了。。。

要用的。。。。。。。。。。。。。。。。。。

效果不错啊

果然很强大!!!!

楼主,你好棒啊

不错呢。我也弄个英文网站。希望有机会交流

先收藏了

挺不错收藏了

撒旦法打三分撒旦法

而非撒旦法撒旦法