Tag: slider

滑动更改时,滑动滑块暂停youtubevideo

我使用Jquery Slick Slider创建了一个图像滑块,它也有youtubevideo剪辑。 当页面加载youtubevideo设置为滑块的第一张幻灯片时,它是自动播放并开始播放。 我想,当我将滑块更改为下一张幻灯片时,youtubevideo停止播放。 我看看其他stackoverflow的答案,但找不到任何东西。 我试过这个 – 这是我的div结构 – 我用JS – $(“#mainSlider”).slick({ dots: true, autoplay: false, autoplaySpeed: 7000, speed: 500, pauseOnHover: true, responsive: [ { breakpoint: 1025, settings: { arrows: true, dots: false } } ] }) .on(‘afterChange’, function( e, slick, currentSlide ) { $(‘.bumper’).css(‘display’, ‘block’); playpausevideo($currentSlide.eq(e).data(‘youtubeplayer’), ‘pause’) }); Youtube JS – function onYouTubeIframeAPIReady(){ […]

bx滑块启动/停止function

我正在使用bxslider插件,并为前一个和下一个函数创建了一些外部控件,虽然我似乎无法弄清楚如何对启动/停止控件执行相同的操作。 基本上我想用它作为滑块的播放/暂停function。 有没有人有这个插件的经验? 这是我到目前为止没有启动/停止function的工作: http://jsfiddle.net/WaWLN/1/ 此外,我希望滑块“自动”播放,以及具有此外部控件。 我只是注意到点击我的任何链接似乎禁用了自动播放,我必须刷新页面才能恢复它。

jQuery滑块教程?

有没有人知道一些很好的教程,解释如何使用JQuery Slider。 我找到了一些,但没有一个真正以明确的方式呈现我需要的东西。 我真正需要弄清楚如何做滑块从1.0 – 5.0(包括所有十分之一)开始,当它改变时,设置一个基于该值的隐藏控件。 谢谢。

如何修改移动和标签的bootstrap轮播

我正在使用一个bootstrap滑块。 在桌面上,它有三个幻灯片,每个幻灯片有4个磁贴 在标签上,它们必须是4张幻灯片,每张3张 在移动设备上,需要有12个不同的幻灯片 我正在考虑实现这一目标的最有效和最优化的方法。 选项1 – 创建3组不同的滑块。 一次只能看到一个 选项2 – 使用jquery检测屏幕宽度,并以编程方式将额外的图块添加为幻灯片,隐藏额外的图块。 我想这会非常复杂。 如果有更好的方法来实现这一点,请提供帮助。

是否可以使用具有固定高度的全宽JSSOR滑块?

我正在尝试在网站上使用JSSOR滑块。 我已经想出如何使它全宽,但现在它全部“响应”,所以它甚至可以缩放幻灯片的高度 。 我想有固定高度 (400px)和100%宽度。 我几乎实现了它,所以“slider1_container”是全宽和400px高度,但它的内容仍然是响应。 有网站: http : //carwash-horovice.cz 我感谢你能给我的任何帮助。

jQuery:创建一个圆形滑块

你可能以前看过JavaScript滑块: http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.slider.html 我想象的是一个圆形滑块。 它将由圆圈上一点处的可拖动按钮组成 – 该按钮可以沿着环的任何位置拖动。 该值取决于按钮的位置(想想时钟)。

DIV使用垂直幻灯片动态resize

这有点难以解释,但我会尽我所能: 我的网页使用两个div进行划分:一个浮动在左边,另一个浮动在右边(每个浮动50%或更多)。 我想添加一个新function: 动态resize 。 也就是说:当我点击DIV#1的右边框或点击DIV#2的左边框时,每个应该从左到右或从右到左resize。 也许你不理解我,但这个效果是我需要的(来自这个插件 ): 此插件仅适用于图像,而不适用于div。 我对我的div需要同样的效果。 实际上,我正在尝试使用JQueryUI Resizable类,但我不知道如何同步两个resize。 你能帮助我吗? 任何关于此的建议或跟踪都将非常感激。 谢谢!

支持“多个手柄”的Jquery滑块插件

我一直在寻找一个支持多个远程句柄的Jquery UI滑块。 现有的Jquery UI滑块仅支持一组范围的值。 我正在寻找一个你可以拥有多个范围的滑块。 因此,具有内部范围或两个范围的范围不重叠。 例: R =句柄 XX =滑块 =或 – =句柄之间的范围 XXR1 —— R1XXXR2 – R2XXXXXXXXX XXXR1 —- R2 ==== R2 —– R1XXXXXX XXXR1 – R2 === R2 R3 —- === R3 – R1XXXX 我不认为有一个滑块可以做到这一点? 只是想在我去写一个之前确定一下。

slick.js出错:“未捕获的TypeError:无法读取属性’添加’为null”

我使用光滑的js来获取图像的滑块视图。 这是我的代码。 image_form %> “drop_down_link even img_prev” %> “none”,:onchange=>”readURL(this);” , :accept => ‘image/jpeg , image/png’ %> “add_pic” ,:class=>”js-add-slide”, :style=>”display: none;”%> function silder(){ slideIndex = 0; $(‘.add-remove’).slick({ slidesToShow: 2, slidesToScroll: 2 }); $(‘.js-add-slide’).on(‘click’, function() { $(‘.add-remove’).slick(‘slickAdd’); }); $(‘.js-remove-slide’).on(‘click’, function() { $(‘.add-remove’).slick(‘slickRemove’); }); }); function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); […]

jquery滑块,其值高于它,随滑块一起移动

我创建了一个带有查询/滑块的滑块,并用css设置了它。 ( http://jsfiddle.net/9qwmX/ ) 我成功地将所选值放入div容器中; 但现在我希望容器与滑块“相关”。 我试图使用ui.handle及其css left属性,这是一个百分比。 但是这种行为有点奇怪:有时它会在滑块的左侧移动,有时会偏移10px。 问题:有没有人知道一个好方法让包含滑动值的盒子随手柄移动?