仿360新闻图文混排焦点图

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

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

手机触屏幻灯片

html5支持手机触屏幻灯片代码
  幻灯片和轮播图
 26476  289

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

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

3D图片轮播

带倒影效果的3D轮播图效果插件
  幻灯片和轮播图
 38893  428

js弧形轮播图插件

js很酷的弧形轮播图插件
  幻灯片和轮播图
 31927  313

讨论这个项目(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  中有一个移入移除事件,你可以改下试试

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