仿360新闻图文混排焦点图

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

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

jQuery轮播插件slider

最全最简单最通用的 幻灯片轮播 ,可控制的插件,pc端和移动端都可完美使用
  幻灯片和轮播图
 622183  1203

jQuery轮播图插件

jQuery滑动式轮播图插件
  幻灯片和轮播图
 42013  360

有道的banner轮播切换效果js实例

基于swiper的banner切换效果js实例,自适应轮播图
  幻灯片和轮播图
 52184  459

带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果,它使用简单,通过简单的设置即可正常工作。
  幻灯片和轮播图
 36798  398

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

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