最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQuery快速切换商品图片

来源:http://www.erdangjiade.com/ 沐浴春风 2015-12-24 20:11浏览(1502)

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

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jQuery快速切换商品图片
分类:图片代码 > 图片插件 难易:中级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

每一个图片结构图

<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>
标签: 切换
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/610.html
评论0
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

1 2