jQuery图片左右切换

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

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

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

炫酷html5+css3响应式焦点图

炫酷html5+css3响应式焦点图,支持非响应前段布局。
  幻灯片和轮播图
 32394  340

jQuery游戏人物轮播切换效果

jQuery游戏人物轮播切换效果,基于slick幻灯片插件制作的一款背景图片切换效果。
  幻灯片和轮播图
 32643  416

基于jquery的轻量级无缝轮播插件(原创)

一款轻量级的无缝轮播插件,可根据浏览器大小自适应宽高。
  幻灯片和轮播图
 38226  354
  幻灯片和轮播图
 51630  456

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

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