仿360新闻图文混排焦点图

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

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

lightslider支持移动触摸的轻量级jQuery幻灯片插件

lightslider是一款轻量级的响应式jQuery幻灯片插件。lightslider幻灯片插件能够支持移动触摸设备,它可以制作为带缩略图的内容幻灯片,或者制作为无限循环的旋转木马。
  幻灯片和轮播图
 28812  355

jQuery轮播图插件slide.js

基于jQuery拓展的轮播插件,使用方便简单,只用一句代码自动加载,方便交互
  幻灯片和轮播图
 61818  378

魔兽世界轮播图

很简单的一款小插件 希望大家喜欢
  幻灯片和轮播图
 25257  296

jQuery图片轮播插件jquery.tiles.js

jquery.tiles图片切换插件,支持多达12种特效、22个自定义参数;支持随机顺序、循环、正反方向、导航、缩略图;幻灯片播放前、中、后自定义事件等,相信可以满足绝大多数需求。
  幻灯片和轮播图
 29790  373

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

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