Tag: 滑块
jQuery时间线滑块
有没有一个漂亮，干净的基于jQuery的时间轴滑块你会推荐吗？ 我需要简单易用的滑块。 在纯CSS中这样做会很容易吗？ 使用溢出？
带有ajax内容的滑块
我有一个jquery滑块，默认它是关闭的。 因此，当用户尝试打开并发送ajax请求并且数据到来时。 我的问题是每次用户关闭并打开ajax请求发送。 那么我怎么能第一次进行ajax调用，如果用户关闭并打开滑块如何保留数据呢？
这个暂停vimeo嵌入代码在我的滑块脚本中的位置是什么？
我正在使用coda滑块将一些嵌入的Vimeovideo滑入视图，现在我需要在点击另一张幻灯片的链接时暂停每个video。 我使用iframe嵌入video，发现这个代码可以解决这个问题： http ： //jsfiddle.net/ASa2K/4/ 我的代码是不同的，我只是不知道下面的暂停脚本在我的Coda滑块JS文件中的位置： $(“iframe”).each(function() { this.contentWindow.postMessage(‘{ “method”: “pause” }’, “http://player.vimeo.com”); }); 我也知道，从上面的post中，我需要在嵌入代码中输入以下代码才能正常工作： api=1 有人可以帮忙吗？ 我对JS毫无用处。 这是我的滑块的JSFiddle： http ： //jsfiddle.net/qcJZY/
Fancybox和其他JQuery之间的冲突
我正在使用3种不同的JQuery插件来构建网站。 http://web-kreation.com/demos/Sliding_login_panel_jquery/ http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html LINK3：HTTP：//fancyapps.com/fancybox/ 但是，这是一个小问题。 前2个插件可以很好地协同工作，但是当我插入Fancybox时，其中一个插件（主要是Fancybox，但有时是Sliding Login）将被禁用，并且可以像没有JQuery一样自行操作。 $(document).ready(function () { $.localScroll.defaults.axis = ‘x’; $.localScroll(); // Expand Panel $(“#open”).click(function(){ $(“div#panel”).slideDown(“slow”); }); // Collapse Panel $(“#close”).click(function(){ $(“div#panel”).slideUp(“slow”); }); // Switch buttons from “Log In | Register” to “Close Panel” on click $(“#toggle a”).click(function () { $(“#toggle a”).toggle(); }); $(“a.fancybox”).fancybox(); }); 这是链接： <a class="fancybox" href="http://www.google.nl?id=” title=””> 我希望有人会知道为什么那些是冲突的，并且喜欢解决它:)
jQuery滑块，鼠标hover时如何暂停自动播放？
伙计们，我不擅长编码，这个小剧本真的很烦我。 我有一个带自动播放function的滑块，效果很好。 但我需要有人帮助我暂停鼠标hover时的自动播放。 此外，有人可以找到一种方法来播放第一张幻灯片到达最后一张幻灯片，而不是回滚到第一张幻灯片？ 非常感谢。 以下是代码： $(document).ready(function(){ var currentPosition = 0; var slideWidth = 560; var slides = $(‘.slide’); var numberOfSlides = slides.length; // — autoshow ——— function autoshow(){ //alert(‘start’); currentPosition = currentPosition+1 ; if(currentPosition==numberOfSlides){ currentPosition=0; } // Hide / show controls manageControls(currentPosition); // Move slideInner using margin-left $(‘#slideInner’).animate({ ‘marginLeft’ : slideWidth*(-currentPosition) }); timeOut = […]
Nivo Slider – 如何在AJAX内容加载后调用滑块
我的代码： jQuery(window).load(function() { jQuery(‘#slider02’).nivoSlider({ controlNav: true, effect: ‘boxRainGrow’, animSpeed: 1500, pauseTime: 8000 }); }); jQuery(‘#zone933’).load(‘/content.phtml); 如何让Nivo Slider等到加载ajax内容为止？ 因为，有时它有时不工作..这取决于浏览器的刷新。 页面的第一次访问不显示Slider，刷新和ajax内容加载后，显示为OK。 所以我需要做一些事情，比如等待ajax请求完成，然后再调用Slider。 我试图添加： jQuery(document).ajaxComplete(function{ “here my code” }); 但它不起作用。 我正在使用PHP函数，所以我在PHP函数中调用了滑块，因此函数调用jQuery代码和滑块的html代码，函数的参数是元素id的名称，例如“zone933”。 PHP工作正常; 如果我使用简单的图像或链接图像，它的工作完美。 只有我使用ajax加载，我才能正常工作。
用于幻灯片导航控制按钮的自定义图标/图像，如viber.com上
我正在使用flexslider，我想改变。 。 。 将导航控件滑动到我自己的图标或每张幻灯片的图像。 喜欢http://viber.com上的幻灯片，如果不能在flexslider上使用插件，我可以这样做。
图像在轮播模式下消失（jQuery Swiper插件）
我正在使用iDangero.us Swiper插件作为主页滑块，我在所有浏览器中都遇到了一个特殊的问题。 我有4张幻灯片（每张幻灯片都带有背景图片，里面有一些文字和图片），所有看起来都很好，直到我滑动（或点击“下一步”按钮）从最后一张幻灯片转到第一张幻灯片。 新幻灯片显示为全白色，只需轻轻拖动即可使其显示正常。 有趣的是，如果我向后滚动（向左拖动滑块或单击“后退”按钮），则不会发生这种情况。 演示在这里： https ： //dl.dropboxusercontent.com/u/13308449/design-boost/index.html 什么可能导致这种行为，我该如何解决？
响应式旋转木马
我想在我的网站上使用jQuery Feature Carousel（ http://www.bkosborne.com/jquery-feature-carousel ）。 我在笔记本电脑和台式机上工作正常。 但是当我在移动设备上浏览它时，它看起来并不好看。 我在一个名为（www.rowan.edu）的网站上看到了一个这样的例子，在那里工作得很好。 我无法弄清楚为什么我无法使它工作。可以帮助我使用这个滑动装置使其在移动设备上工作。 我使用的图像尺寸是：750px * 355px
jQuery UI滑块，带缩放标尺作为高度选择器
我正试图在高度选择器的这种棘手的输入上计算出数学。 基本上 – 我有一个jQuery UI滑块来选择高度。 它以英寸为单位递增，最小值为0，最大值为120（10英尺）。 当用户移动滑块时，相应的标尺图形移动。 我已经在这里建立了一个jsfiddle： http ： //jsfiddle.net/x57Rw/ 你可以看到我的数学有点偏僻。 我知道我需要缩放标尺图形的偏移量，但不能完全绕过它。 基本上寻找我需要调整的东西，以使标尺与滑块输入正确匹配（相当）。 它不必完全准确，但尽可能接近。 任何帮助将不胜感激！
