Tag: 滑块

Jquery类 – 向其添加增量

我试图在Jquery的“myclass”末尾添加一个动态生成的数字。 所以我希望它在最后增加一个数字,如下所示: MyClass1的 myclass2 myclass3 myclass4 我已经尝试了几次,但不知道我在做什么。 任何帮助都会很棒! var f=1;for(var g=0;g<d.count;g++)for(var f=1; f<3; f++){e.append("”+f+””);f++}

hover时暂停幻灯片放映

我有以下脚本来运行幻灯片,这很好用。 jQuery(document).ready(function ($) { setInterval(function () { moveRight(); }, 5000); var slideCount = $(‘#slider ul li’).length; var slideWidth = $(‘#slider ul li’).width(); var slideHeight = $(‘#slider ul li’).height(); var sliderUlWidth = slideCount * slideWidth; $(‘#slider’).css({ width: slideWidth, height: slideHeight }); $(‘#slider ul’).css({ width: sliderUlWidth, marginLeft: – slideWidth }); $(‘#slider ul li:last-child’).prependTo(‘#slider ul’); function moveLeft() { […]

输入范围滑块JQueryMobile从视图中删除valuefield

有没有办法删除范围滑块jquerymobile插件中的valuefield? http://jquerymobile.com/demos/1.0b3/docs/forms/forms-slider.html

在滑块中播放Vimeo或Youtubevideo时停止滑动

当我在滑块中播放Vimeo或Youtubevideo时,哪种脚本可以阻止滑块滑动的最佳方法? 非常感谢大家的帮助。 jQuery(document).ready(function(){ jQuery(‘#gdl-custom-slider ul’).cycle({ before: before_transition, after: after_transition, fx: ‘fade’, pager: ‘#custom-slider-nav’, speed: CUSTOM.speed, timeout: CUSTOM.timeout }); function before_transition(curr, next, opts, fwd){ jQuery(next).find(‘.custom-slider-title’).css({‘top’:’15px’,’opacity’:’0′}); jQuery(next).find(‘.custom-slider-caption’).css({‘top’:’15px’,’opacity’:’0′}); } function after_transition(curr, next, opts, fwd){ jQuery(this).find(‘.custom-slider-title’).delay(100).animate({‘top’:’0px’,’opacity’:’1′}, 200); jQuery(this).find(‘.custom-slider-caption’).delay(400).animate({‘top’:’0px’,’opacity’:’1′}, 200); } });

Jquery旋转木马与褪色文本

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

基本jQuery Slider中上一张/下一张幻灯片的自定义链接触发器

我正在开发一个基于John Cobb创建的Basic jQuery Slider ( http://www.basic-slider.com )创建的滑块项目( https://github.com/jcobb/basic-jquery-slider )。 问题:鉴于我的项目规范,而不是使用默认控件,我需要在当前幻灯片下方添加一个链接,显示下一张幻灯片的标题,当单击该链接时,滑块将转到该幻灯片。 我的问题:有没有办法使用简单的jQuery点击事件触发移动到下一张幻灯片(例如,$(’a.next).click(… [trigger] …))? 我该怎么称呼扳机? 非常感谢您的帮助。

如何使用jquery每个函数从每个li获取数据?

我有一个无序列表,每个列表元素都有“data-id”属性,想法是使用JQuery的每个函数迭代每个列表元素并获取“data-id”值并动态分配位置,即制作一个项目滑块一次滑动一个项目。 但是我得到的每一个数据的值都是“1” ,即它只从第一个元素获取值,我该如何解决? HTML Recent Matches 1 2 3 4 5 6 7 8 Pre Next JavaScript的 var item_width = $(‘.item-slider’).width(); var item_margin = (item_width-600)/5; var items = $(‘ul.item-slider>li’); $.each(items,function(index){ var pos = $(‘.item-slider > li’).data(‘id’) * 150; if(index === 0) $(this).css(“left”, pos); else $(this).css(“left”, pos + index * item_margin); console.log(pos); })

使用图像库淡出淡出问题

我在WordPress中使用图像库,图像从数据库中提取并显示在前端。 在我的情况下,一个大图像容器和三个图像缩略图, 我想,当我点击图像的缩略图时,容器中的前一个图像淡出并单击图像设置到图像容器中。 我的Html标记 使用jQuery if(jQuery(‘.homepage-poster’).length > 0){ // since this will return a empty var img_src = jQuery(“#wl-poster-thumb ul li:first img”).attr(‘src’); var href_path = jQuery(“#wl-poster-thumb ul li:first img”).attr(‘rel’); var final_src = img_src.replace(/&h=.+/gi, ‘&h=380&w=450&zc=1’); jQuery(‘.wl-poster img’).attr(‘src’,final_src); jQuery(‘.wl-poster a’).attr(‘href’,href_path ); } jQuery(‘#posterlist .poster-thumb img’).click(function(){ var href_path = jQuery(this).attr(‘rel’); var img_src = jQuery(this).attr(‘src’); var final_src = img_src.replace(/&h=.+/gi, […]

如何创建jQuery价格滑块

我一直试图找到一个教程,但没有运气。 我不是要求任何人为我做这项工作,而是要看看是否有人知道任何有用的东西。 所以基本上我需要我的滑块最小值为零和动态设置的最大值(获取动态值不是问题)。 0 ——————- o —————— 200 所以中间的’o’将是你可点击的滑动元素。 我需要它在右边的框中输出你所在的数字。 因此,在此示例中,它将输出100.非常类似于在video播放器上设置音量。 基本上这是一个奖励积分系统,所以人们可以滑过他们有多少奖励积分,它将输出相当于多少磅。 正如我所说,我更多寻求帮助找到一个教程,但如果有人可以发布一个会推动我朝着正确方向发展的片段,我将永远感激不尽。

jquery水平滚动

我想使用jquery UI的滚动条: http : //jqueryui.com/demos/slider/#side-scroll 但是有了一个鼠标hover事件,我到处寻找,我想我可以通过绑定事件来做到这一点,但我真的不知道,我需要一些帮助。 我发现了我想要的东西,但它与mootools有关: http ://woork.blogspot.com/2008/03/using-css-and-mootools-to-simulate.html 干杯