jQuery图片左右切换

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

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

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

swiper横向轮播

swiper横向轮播,简单好用
  幻灯片和轮播图
 86865  573

jQuery图片切换插件Slides

Slides是一个jQuery插件用于将一组图片组织成一个好看的幻灯片展示控件。支持:循环、自动播放、淡入/淡出幻灯片切换效果,交叉淡入淡出,图片预加载,自动产生分页。
  幻灯片和轮播图
 54595  388

jQuery轮播图/内容滑块插件Quake Slider

jQuery轮播图插件Quake Slider提供了24种过渡效果。
  幻灯片和轮播图
 33476  408

jQuery轮播图插件slider

强大轮播图3D效果slider,功能强大兼容性好。
  幻灯片和轮播图
 51350  481

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

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