jQuery图片左右切换

所属分类:媒体-幻灯片和轮播图,图片展示

 22005  179  查看评论 (0)
分享到微信朋友圈
X
jQuery图片左右切换 ie兼容8

更新时间:2019-11-23 23:19:47

更新说明:添加图查看功能,现在可以进行放大、缩小、旋转、拖拽等操作。

<div style="width: 520px;margin: 30px auto;">
    <div class="img-content">
        <div class="small-img">
            <span class="left">&lt;</span>
            <span class="right">&gt;</span>
            <ul>
                <li><img class="moveimg" src="photos/a1.png" /></li>
                <li><img class="moveimg" src="photos/a2.png" /></li>
                <li><img class="moveimg" src="photos/a3.png" /></li>
                <li><img class="moveimg" src="photos/a4.png" /></li>
                <li><img class="moveimg" src="photos/a5.png" /></li>
                <li><img class="moveimg" src="photos/a1.png" /></li>
                <li><img class="moveimg" src="photos/a2.png" /></li>
                <li><img class="moveimg" src="photos/a3.png" /></li>
            </ul>
        </div>

        <div class="big-img">
            <img src="" />
        </div>
    </div>
</div>

按照上面格式写HTML,引入css和js就可以了。方便改动

相关插件-幻灯片和轮播图,图片展示

带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果,它使用简单,通过简单的设置即可正常工作。
  幻灯片和轮播图
 35490  398

兼容ie7十来种3d轮播切换效果

兼容ie7十来种3d轮播切换效果,支持触摸切换,用代码给你flash的感觉
  幻灯片和轮播图
 42452  453

特效轮播图插件

无边框版轮播插件
  幻灯片和轮播图
 35899  379

jquery百度经验信息浏览翻页效果代码

基于jquery分步骤展示信息
  幻灯片和轮播图
 14291  189

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复