Question

我需要一个简单的内容幻灯片插件来完成这项工作。没有控制器或任何花哨的东西，只要淡入新内容，因为新内容消失或滑入新内容

我尝试了许多内容滑块，但要么它们不起作用，要么它们过于花哨或过于复杂，不能满足我的需要。

Owl滑块是最适合我需要的滑块，但我不知道为什么但它没有用图像滑动文本

这里是猫头鹰滑块的JS代码：

$("#owl-example").owlCarousel({

    // Most important owl features
    items : 5,
    itemsCustom : false,
    itemsDesktop : [1199,4],
    itemsDesktopSmall : [980,3],
    itemsTablet: [768,2],
    itemsTabletSmall: false,
    itemsMobile : [479,1],
    singleItem : false,
    itemsScaleUp : false,

    //Basic Speeds
    slideSpeed : 200,
    paginationSpeed : 800,
    rewindSpeed : 1000,

    //Autoplay
    autoPlay : true,
    stopOnHover : true,

    // Responsive 
    responsive: true,
    responsiveRefreshRate : 200,
    responsiveBaseWidth: window,

    // CSS Styles
    baseClass : "owl-carousel",
    theme : "owl-theme",

    //Lazy load
    lazyLoad : false,
    lazyFollow : true,
    lazyEffect : "fade",

    //Callbacks
    beforeUpdate : false,
    afterUpdate : false,
    beforeInit: false, 
    afterInit: false, 
    beforeMove: false, 
    afterMove: false,
    afterAction: false,
    startDragging : false
    afterLazyLoad : false

})

我想要实现该插件的网站是在骨架上写的，因为我只对它进行了更改

Answer 1

嘿你可以使用metro.js插件进行幻灯片放映。

http://www.drewgreenwell.com/projects/metrojs

Answer 2

如果您需要简单的东西，为什么不使用纯css3滑块？如果您不必使用js那么为什么要增加页面加载响应？有很多，我相信你能找到你喜欢的东西。看看那些：http://xdesigns.net/2013/08/css-slider/#

jQuery内容幻灯片插件？

2 个答案: