Tag: 滑块

如何创建简单的图像滑块/手风琴？: 在wordpress页面中有一个垂直图像插件.. 我想要一个网页，如下所示：在这里有一个主面板产品。并有手风琴图像.. 只有10％的图像是可见的..但是onclick图像1它应该扩展100％，如下所示：而主要的是……这些图像用户应该能够放入WP页面静态它可能..如图所示但我希望它在页面中编辑或..某些方式..可能在一个文件夹.. 可能吗？有插件可以帮助我吗？或者，如果我需要编码，那么任何人都可以给我相同的想法…？

Jquery UI范围 – 添加加号: 我正在为客户建立一个项目计划表单，我正在使用Jquery UI作为范围滑块。我正在努力弄清楚如何使它成为当范围值为Max时，它在输入字段中的值之后添加一个加号（+）。我目前的剧本是 function projectPlannerSlider() { $(“#budgetSlider”).slider({ range: “min”, min: 100, max: 25000, value: 7000, slide: function (event, ui) { $(“.budget”).val(“\u00A3” + ui.value); } }); $(“.budget”).val(“\u00A3” + $(“#budgetSlider”).slider(“value”)); }; 我的HTML是 Budget 任何帮助将非常感谢。干杯乔丹

变量更改仅在我的jquery滑块暂停时更新，而不是在运行时更新: 我编写了一个非常基本的jquery滑块，我有一个秒变量，我用它来自定义在图像之间切换所需的秒数。我的问题是更改秒只在滑块运行时生效（暂停按钮未单击），我希望它立即更新，而不是暂停滑块，更改秒变量并再次点击播放。我怎么能接近这个，我觉得这是一个相当容易的任务，但我是一个新手。这是代码： $(document).ready(function() { var segundos = 3000; var stop = true; var slideInterval; $(‘.play’).click(function() { if (stop == false) { stop = true; $(‘#playpause’).text(‘Play it’); clearInterval(slideInterval); } else { stop = false; $(‘#playpause’).text(‘Pause it’); slideInterval = setInterval(swapSlides, segundos); } }); function swapSlides() { //var cs = $(‘div.currentslide:first’); var cs = $(‘#polaroid1’).children(‘.currentslide:first’); var […]

Orbit ZURB jquery在鼠标hover时淡入/淡出导航按钮: 我正在使用jQuery图像滑块插件 – Orbit。我试图在鼠标hover/鼠标移动时显示/隐藏导航按钮。不知怎的，我设法这样做了： http ： //jsfiddle.net/sherlock85/mZYX9/15/但是当你将鼠标光标移动到导航按钮上时它会闪烁并且不会改变幻灯片。我将不胜感激任何帮助。

如何实现幻灯片过渡效果？: 我认为在幻灯片中的过渡效果中，只有两种淡入和淡出的动画方法可供使用，其他的必须由css实现，我是对的吗？如果没有，请举例，如果是，请指导我怎么办？实施其中一些，或者之前有人做过吗？

jQuery基本滑块保持正确: 当您检查以下站点时：滑块示例单击<<'left'按钮时，每个工作正常。但是，当您单击右键时，滑块内容会在最后时消失，而不是返回到第一张幻灯片。

如何在一个页面中的两个画廊上使用带有上一个/下一个按钮的JQuery滑块？: 基于这个伟大的图像滑块与adaneo的prev / next按钮，在这里的答案：图像库下一个和上一个按钮他的JSFiddle就在这里，它做了我需要它做的事情，除了我需要它在一个页面上的两个独立的画廊上工作： http ： //jsfiddle.net/adeneo/5VEeH/3/ 这是我的分叉JSFiddle，除了复制标记之外，我没有做太多工作： http ： //jsfiddle.net/cbp9T/1/ 我怎么能重新编写它以便我可以在一个页面中使用它两次？我会把整个事情做成自己的函数，在最后杀死变量值，然后将它复制到一个新的函数中，为第二个画廊添加新的选择器吗？要么？建议/链接到JSFiddles回答这样的问题非常感谢，谢谢。

如何设置jquery来排除函数中的类？: 我基本上只了解如何阅读JavaScript并进行修改。我正在使用网格滑块，我购买的脚本，但代码编写者目前是mia，所以希望有人在这里可以帮助我。基本上，它是一个滑块，有一些选项可以让链接像平常一样打开，或者在同一页面的面板中打开链接。我希望在面板中打开一些链接，在父窗口中打开其他链接。在我看来，执行此操作所需要的只是激活面板显示function（我已经完成），然后设置一个排除function，以从function中排除某些具有特定类的ul或li 。我已经阅读了.not选择器，但我不知道如何使其适用于此代码： else { if (this._displayOverlay) { if ($item.find(“>.content”).size() > 0) { $item.data(“type”, “static”); } else { var contentType = this.getContentType($link); var url = $link.attr(“href”); $item.data({type:contentType, url:(typeof url != “undefined”) ? url : “”}); } $item.css(“cursor”, “pointer”).bind(“click”, {elem:this, i:i}, this.openOverlay); } $link.data(“text”, $item.find(“>div:first”).html()); $img = $link.find(“>img”); } 任何人都可以帮助看这个吗？这里有一个代码演示的链接。谢谢。

如何配置此选项卡滑块: 尴尬的展示很棒。但是如何将button-wrapper移到顶部，而不是数字，使用自定义标题。没有任何选项似乎设置这个东西。所以我想我需要更改JavaScript文件。正如你在这里看到的那样： http ： //showcase.awkwardgroup.com/数字（1,2,3,4 ……）位于底部，我想要它们，并提出一个更好的名称：Dog，Cat，鱼，…… 解决方案： http ： //jsfiddle.net/h5pSQ/1/embedded/result/ 编辑：现在它已经完成，我需要禁用动画（它不会滑动，只是隐藏当前并显示下一个）

带控件和自动滚动的jquery滑块: 基本上我只是想为教育目的做随机jQuery的东西，这是我非常简单的滑块。我希望它能够自动工作，也可以使用控件（小箭头滚动到下一个/上一个滑块）。我现在唯一的问题是，当你按下箭头时，每5秒自动切换一次幻灯片的function仍在计算这5000毫秒，所以下一张幻灯片显示得比预想的要快。我想要的是让这些箭头重置计时器，所以你按箭头 – >下一张幻灯片出现 – >仅在5秒后滑动再次切换。对不起草率的解释，希望我说得够清楚。这是jsfiddle： http ： //jsfiddle.net/cA9aW/ 这是代码 HTML Simplest Sliding Image Slider JS jQuery(document).ready(function($) { // start slider function startSlider(); // set width and step variables and add active class to first slider var slideWidth = $(‘.slides’).width(); $(‘#slide1’).addClass(‘slides active’); // actual function function startSlider() { looper = setInterval(function() […]