jQuery快速切换商品图片

jQuery快速切换商品图片

这是一款国外的图片插件,你可以在每张商品图片多定义几张图片来切换查看。

淘建站为您提供更多_图片代码_图片插件_切换,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 379 次

下载资源

55 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

每一个图片结构图

<li>
    <ul class="cd-item-wrapper">
        <li class="cd-item-front"><a href="#0"><img src="img/thumb-1.jpg" alt="Preview image"></a></li>
        <li class="cd-item-middle"><a href="#0"><img src="img/thumb-2.jpg" alt="Preview image"></a></li>
        <li class="cd-item-back"><a href="#0"><img src="img/thumb-3.jpg" alt="Preview image"></a></li>
    </ul> <!-- cd-item-wrapper -->

    <div class="cd-item-info">
        <b><a href="#0">Product Name</a></b>
        <em>$9.99</em>
    </div> <!-- cd-item-info -->

    <nav>
        <ul class="cd-item-navigation">
            <li><a class="cd-img-replace" href="#0">Prev</a></li>
            <li><a class="cd-img-replace" href="#0">Next</a></li>
        </ul>
    </nav>

    <a class="cd-3d-trigger cd-img-replace" href="#0">Open</a>
</li>

引入相册插件

<script src="js/main.js"></script>

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/610.html
jQuery快速切换商品图片 希望对你有帮助,感谢您的支持!
  • least.js响应式画廊插件演示

    least.js响应式画廊插件演示

  • jQuery仿搜狗响应式整屏切换效果

    jQuery仿搜狗响应式整屏切换效果

  • CSS3制作4种不同的百叶窗效果

    CSS3制作4种不同的百叶窗效果

  • html5支持左右键切换页面

    html5支持左右键切换页面

  • jQuery多图片滑动效果

    jQuery多图片滑动效果

  • jQuery十种不同的切换图片列表动画效果

    jQuery十种不同的切换图片列表动画效果

  • jQuery鼠标滑动导航条切换大图

    jQuery鼠标滑动导航条切换大图

  • hScrollPane美化滚动条插件并带焦点图切换

    hScrollPane美化滚动条插件并带焦点图切换

  • js通用的tab选项卡切换图片

    js通用的tab选项卡切换图片

  • jQuery缩略图列表切换优酷视频

    jQuery缩略图列表切换优酷视频

  • jQuery仿腾讯相册可左右切换

    jQuery仿腾讯相册可左右切换

  • shutter水平和垂直百叶窗切换效果

    shutter水平和垂直百叶窗切换效果

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2