jQuery图片左右切换

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

 23186  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就可以了。方便改动

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

基于roundabout.js的3d倾斜轮播

jQuery.roundabout.js制作CSS3图片倾斜层叠切换效果代码
  幻灯片和轮播图
 45118  567

基于jquey实现的轮播插件(原创)

基于jquey实现的轮播插件(支持左右箭头、圆点按钮、触摸切换、自动轮播)简单易用
  幻灯片和轮播图
 31815  279

根据浏览器宽度大小自动调整图片的jquery相册代码

根据浏览器宽度大小自动调整图片的jquery相册代码
  幻灯片和轮播图
 27961  319

CSS3全屏3D画布图片切换特效

CSS3全屏3D画布图片切换特效是一款基于JS+CSS3实现的带左右按钮的控制全屏图片切换代码。
  幻灯片和轮播图
 33018  360

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

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