jQuery快速切换商品图片

来源:https://www.sucaihuo.com/js/610.html 2015-12-24 20:11浏览(376) 收藏

这是一款国外的图片插件,你可以在每张商品图片多定义几张图片来切换查看。
jQuery快速切换商品图片
分类:图片代码 > 图片插件 难易:中级
登录后点击“下载资源”按钮,复制链接,邀请好友免费下载
查看演示 下载资源: 58 下载资源 下载积分: 20 积分

每一个图片结构图

<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>
标签: 切换
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

  • 头像 椅子
    01-21 08:46
    1***8
    快速切换商品图片
  • 头像 沙发
    01-20 11:41
    s***e
    有点6...
1 2