Tag: carousel

Skrollr.js插件不在Parallaxing内部Bootstrap Carousel – 提供小提琴: 我对Parallax和平滑滚动的SKrollr.js插件有问题。一切正常，除了Bootstrap旋转木马，并且我确定任何旋转木马。它显然是一个显示：当插件在加载时设置自己并且无法看到任何.item类时没有问题。但我无法弄清楚如何让Skrollr在渲染时看到所有幻灯片/ .item类。我甚至试过这种东西。我的Skrollr标记不是代码总是适用于我的问题。 Skrollr Markup data-10p-top-bottom=”background-position-y: 100%;” data-bottom-top=”background-position-y: 0%;” CSS .displaying { display: block !important; } JS var sk = skrollr.init({ forceHeight: false, beforerender: function(data) { $(“.item”).addClass(‘displaying’); }, render: function(data) { $(“.item”).removeClass(‘displaying’); } }); 编辑我在这里为它制作了一个JSFiddle，或者你可以在这里看到全屏调试对不起，我是模糊和一般的，因为我知道我的HTML是坚实的。检查小提琴。滑块function很好，它的Skrollr无法在运行时看到隐藏的幻灯片，这是问题所在。我只需要一个更好的解决方案来解决这个问题

为什么Bootstrap的Carousel左箭头会抛出错误，而右边的工作正常？: 我创建了这个页面http://www.virtuemax.com/projects/urtotal/index.html 它是一个静态页面，完全基于bootstrap的框架构建。旋转木马工作正常，但当您单击左箭头导航到左侧的旋转木马时，它会抛出错误。有人可以帮忙吗？

单个页面上的这个轮播的多个实例 – 无法使其工作: 这段代码来自一个教程，所以它最初不是我自己的工作。我想要做的是在一个页面上多次实现。我试过并且到目前为止失败了 – 通过编号id“carousel”等等。任何帮助将得到认真的赞赏。我正在撕扯我的头发。 http://jsfiddle.net/AndyMP/zcKDV/5/ 为了完整性..这是现在的旋转木马JQuery。 //rotation speed and timer var speed = 5000; var run = setInterval(‘rotate()’, speed); //grab the width and calculate left value var item_width = $(‘#slides li’).outerWidth(); var left_value = item_width * (-1); //move the last item before first item, just in case user click prev button $(‘#slides […]

如何使用猫头鹰旋转木马2根据旋转木马中的物品数量更改选项？: 我正在一个项目中使用Owl Carousel 2，该项目具有动态内容，可以添加无限量的幻灯片。因此，可能存在仅存在三个幻灯片的实例或存在六个幻灯片的实例。我想要的function是，如果少于四张幻灯片（轮播一次显示四个项目），则添加mouseDrag: false和touchDrag: false选项。这是我的JS： $(‘.owl-carousel’).owlCarousel({ loop:false, margin:20, responsive : { // breakpoint from 0 up 0: { items: 1, mouseDrag:true, touchDrag:true }, // breakpoint from 480 up 500: { items: 2, mouseDrag:true, touchDrag:true }, // breakpoint from 768 up 740: { items: 3, mouseDrag:true, touchDrag:true }, // breakpoint from 1024 up […]

为什么这个自举旋转木马滑块没有滑动？: 我有一个简单的codepen设置我认为应该作为一个滑块。它包括bootstrap.css，jquery.js和bootstrap.js。我无法弄清楚阻止js滑动的缺失。 bootstrap.css文件位于https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css jquery是https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js bootstrap.js位于https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/js/bootstrap.js https://codepen.io/sharpdesigner/pen/mqvYMp HTML Create and share your whatever Make it easy for you to do whatever this thing does. Create Project View Demo Previous Next CSS .carousel-inner { width: 100%; display: inline-block; position: relative; } .carousel-inner { padding-top: 43.25%; display: block; content: “”; } .carousel-item { position: absolute; top: 0; […]

使用轮播循环“活动”类: 我有一个带有九个幻灯片的旋转木马，其中第一个有一类“活跃”。 left right 单击“右侧”按钮时，活动类需要移动到下一个li（它还需要在最后一个之后应用回第一个li）。显然，当单击左键时，活动类需要向相反方向移动。我尝试了下面这个，但是我不知道如何使活动类在最后一个之后回到第一个li。 $(‘.nav .right’).click(function(){ $(‘.carousel .active’).removeClass(‘active’).next().addClass(‘active’); }); 任何帮助，将不胜感激。谢谢。

WPF中的Jquery轮播: 我想像这里一样在WPF中创建轮播。（左右按钮不计算，只是子弹）我找到了很多解决方案如何在WPF中创建轮播，但它并不是我需要的。我有listBox图像：和滑块子弹：我不知道如何在它们之间创建“关系” – 当我点击子弹时，应该显示具有相同索引的图像。

jQuery：使用carouFredSel插件延迟加载: 我正在尝试为使用carouFredSel jQuery插件创建的轮播内的图像实现延迟加载。你有任何建议或者你已经取得了类似的成就吗？它似乎默认不能这样做。

如何将图像置于旋转木马中心: 如何在旋转木马中居图像？我使用bootstrap教程中的代码尝试了bootstrap 3 carousel：对于宽屏幕，旋转木马图像左对齐，图像右侧有空白空间。如何使旋转木马更好？是否可以居中图像或其他解决方案？

Bootstrap carousel：如何同时滑动两个旋转木马滑块？: 我在单页上有三个旋转木马滑块，我希望它们同时移动其中两个。我们都应该同时更改滑块图像。两者都有相同数量的图像/幻灯片。这是我正在使用的代码： jQuery(‘#carousel-example-generic1, #carousel-example-generic2’).carousel({ interval: 4000 }); 我也试过以下代码： jQuery(‘.carousel’).carousel({ pause:’false’ }); jQuery(‘#carousel-example-generic1’).on(‘slide’, function(){ jQuery(‘#carousel-example-generic2’).carousel(‘next’); }); 但左右滑块在更换幻灯片时几乎没有延迟。这种延迟继续增加。这类问题有哪些已知问题？链接到该网站是这样的。 JSFiddle：链接