Tag: 旋转木马

Jquery carousel和谷歌Chrome网上应用店: 我非常喜欢Google Chrome网上应用店中的轮播。它美丽，整洁，非常有效。这是一个例子： https://chrome.google.com/webstore/detail/cnneehghmdakbiinndechnolpjocoecc 我真的想在我的网站上用JQuery复制它。我可以使用什么[稳定可靠的]插件来实现它，或者至少是非常相似的东西？我已经知道JCarousel，但我想要更整洁，更好的东西。谢谢，担

如何将JQuery Box添加到Carousel: 我正在尝试在这个旋转木马上添加一个jquery盒子 http://jsbin.com/iduyu 这是来源我想补充一下标记到每个之后它停止工作。我不确定是否应该进行更改以添加一个框（灯箱或任何其他具有下一个和上一个按钮的框）感谢您的任何指导和帮助。

没有克隆的jQuery轮播: 我在我的网站上使用CanvasJS（ http://canvasjs.com/ ）来制作图表，但是我想把它们放在旋转木马上，结果说起来容易做起来难。我尝试了一些不同的jQuery轮播插件，但它们似乎都有共同的克隆，我无法使用CanvasJS。基本上我发现的旋转木马会创建可见元素的克隆，并将它们放在视口外面以完成循环。它克隆了CanvasJS所需的所有canvas元素，但不包括仅在原始元素上绘制的实际图表。是否有任何不使用克隆的轮播插件，或者是否有另一种解决方案可以使滑动CanvasJS图表工作？

Jquery旋转木马与褪色文本: Picrelated是我正在努力的旋转木马。通过单击“下一步”导航箭头，文本标题应首先淡出，然后图像块应向左滑动。图像块滑动 – 下一个标题淡入。我试过使用Nivo Slider和BX Slider，但是永久失败了。你能告诉我任何有用的jquery插件或者这样做的方法吗？

jQuery轮播: 和其他很多人一样，我正在为我的主页寻找旋转木马。我已经看过市场了。我最喜欢的是几个存在的混合。并且，如果可能的话，它应该基于jQuery，因为我已经使用了它。不过，一些好的旋转木马基于mootools。那么，我喜欢什么？ noobSlide很好。完美将是6和7的混合：6具有更大的画面与一些叠加和链接。图7中的图像具有平行定位。问题：我有> 50不是8，所以我需要某种滑块。 SmoothGallery有一个很好的滑块（点击图片后）。所以，有了要求覆盖范围更大的图片（信息+链接）滚动的水平滑块控件如果可能的话，jQuery 你会把我送到哪里？我错过了一些很酷的组件/库？

清除和添加幻灯片/重新初始化flexslider？: 如何从flexslider中删除所有幻灯片并添加新幻灯片？或者如何销毁和重新定位flexslider？基本上我想重置flexslider。 //Create hotel image array $(‘#carousel’).flexslider({ animation: “slide”, controlNav: false, animationLoop: false, slideshow: false, itemWidth: 210, itemMargin: 0, minItems: 4, asNavFor: ‘#slider’ }); $(‘#slider’).flexslider({ animation: “slide”, controlNav: false, animationLoop: false, slideshow: false, sync: “#carousel”, start: function (slider) { $(‘body’).removeClass(‘loading’); } }); flexslider的链接： http://www.woothemes.com/flexslider/ https://github.com/woothemes/flexslider 编辑： PLUNKR LINK：链接我下载了这个应该有破坏方法的版本： https ： //github.com/woothemes/FlexSlider/pull/716 我认为这将是答案，但由于某种原因，我的旋转木马似乎不再工作后装入第二组，好像我没有再次重新初始化它？

光滑的滑块 – 同步自动播放和主动导航: 我正在尝试使用光滑的Slider来创建一个滑块，允许用户选择该部分的标题并查看它的幻灯片，同时也为其提供自动播放选项。这些东西很好用。但我需要一些方法来对应，使它在自动播放时，它对应于活动导航并更改颜色。现在，如果用户点击它，它只显示活动幻灯片标题的新颜色。我希望它也能在自动播放上这样做我该怎么做？这是我现在正在使用的代码 Js Bin 我唯一改变的是浮动滑块演示中不存在的自动播放选项 $(‘.slider-for’).slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: ‘.slider-nav’, autoplay:true }); $(‘.slider-nav’).slick({ slidesToShow: 3, slidesToScroll: 1, asNavFor: ‘.slider-for’, dots: true, centerMode: true, focusOnSelect: true });

jquery carousel – 没有插件: 我想用next和prev按钮旋转我的div。我知道有插件等可用，但我想自己做，只是我不太确定如何。所以这是我到目前为止的html标记我想要做的是一次显示1行，当我点击上一个/下一个按钮时，显示一个不同的div。当我在最后一行时，下一行将再次显示第一行。我知道怎么做onclick事件并切换div。但我真的不知道如何确定我在哪一行以及如何选择下一个要显示的行。如何让我的next / prev按钮正常工作？

试图在旋转木马中显示Instagram图像 – 如何在图像加载完成后加载旋转木马？: 我觉得这应该非常简单，但实现它却遇到了难以置信的麻烦。我正在使用Javascript插件Instafeed将Instagram图像拉入页面 – 这很好用。图像加载后，我想把它们放进旋转木马。我有一个JSFiddle显示这里发生了什么。生成的文档中应该发生的是： IMAGE IN HERE IMAGE IN HERE IMAGE IN HERE 相反，这种情况正在发生： IMAGE IN HERE IMAGE IN HERE IMAGE IN HERE 从本质上讲，轮播似乎是在Instafeed之前或同时加载，因此它永远不会“看到”容器内的图像，并且最终没有正确嵌套并且没有应用类。因此，它将其类（slick-initialized和slick-slider）附加到父容器，并且不会正确地格式化任何子项。我已经尝试将Instafeed脚本放在头部并在窗口加载时启动它。这没什么区别。有没有办法让我的转盘只在Instagram照片加载时加载？或者，如果没有将回调等等构建到插件本身中，这是不可能的？有一个简单的方法吗？任何帮助，将不胜感激！