分享

点击小图片显示大图代码

 宝藏870 2015-02-03
<script language="javascript"> 
function change_img(img_name){
document.getElementById('big_img').innerHTML=<"img src='"+img_name+"'/>";
}
  
        </script>
        
        <div class="big_img" id="big_img"> <img src="{dede:field name='img1'/}" width="261" height="268" /> </div>
        <ul>
          <li><img src="{dede:field name='img1'/}" width="50" height="50"  onclick="change_img('{dede:field name='img1'/}');" style="cursor:pointer"/></li>
          <li><img src="{dede:field name='img2'/}" width="50" height="50"  onclick="change_img('{dede:field name='img2'/}');" style="cursor:pointer"/></li>
          <li><img src="{dede:field name='img3'/}" width="50" height="50" onclick="change_img('{dede:field name='img3'/}');" style="cursor:pointer" /></li>
          <li><img src="{dede:field name='img4'/}" width="50" height="50"  onclick="change_img('{dede:field name='img4'/}');" style="cursor:pointer"/></li>
        </ul>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约