仿360新闻图文混排焦点图

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

 30314  376  查看评论 (9)
分享到微信朋友圈
X
仿360新闻图文混排焦点图 ie兼容6
相关插件-幻灯片和轮播图

jQuery制作手机网页图片滚动切换支持拖动功能焦点图特效

jQuery制作手机网页图片滚动切换支持拖动功能焦点图特效
  幻灯片和轮播图
 40709  330

jQuery图片左右切换

图片左右切换,鼠标悬停,图片放大
  幻灯片和轮播图
 37277  348

html5全屏幻灯片切换

html5全屏阶梯式图片幻灯片切换
  幻灯片和轮播图
 33895  403

带缩略图轮播效果(全屏切换)

点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 50963  432

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

    应卫爱 0
    2017/5/5 15:40:33

    对图片数量有限制吗?

        為袮じ☆執著0
        2017/5/5 15:42:35
        建议最多5张,因为没有给小图片添加轮播效果,如果超出的话可能样式会有问题,不过你可以修改js源代码
    回复
    Touch-sky 0
    2017/4/25 11:49:36
    哈哈750 0
    2017/4/12 17:54:01
    如何改成淡入淡出效果呢?这种太生硬了。
        為袮じ☆執著0
        2017/4/12 17:57:57

        在ImageSlide.js 最下面里有个显示效果,你可以改成淡入淡出效果,目前是通过添加class来显示取消class隐藏

    回复
    TOMSON-ZZT 0
    2017/3/20 17:25:15
    请问一下,那如何调成自动轮播呢 回复
    谎言花开 5
    2017/2/17 11:55:15

    研究了一下,改两处就可以了。

    ImageSlide.js 17行

    this.tigger && this.tigger.forEach(function(t, n) {
            W(t).on("mouseover",
            function() {
                return e.stop(),
                e.show(n),
                !1
            })
        }),

    mouseover改为click

    this.tigger && this.tigger.forEach(function(t, n) {
            W(t).on("click",
            function() {
                return e.stop(),
                e.show(n),
                !1
            })
        }),

    同理,25行

    this.dot && this.dot.forEach(function(t, n)

    内留下click,注释掉mouseover就可以了

    回复
    谎言花开 0
    2017/2/17 11:13:55

    请问一下哈,怎么从鼠标经过触发改为点击触发呢?

        為袮じ☆執著0
        2017/2/17 11:21:32

        在ImageSlide.js  中有一个移入移除事件,你可以改下试试

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