slider

根据值更改圆形滑块颜色

当人们将滑块从 100 移动到 0 时,我试图让范围颜色从绿色变为红色。我使用 JS 圆形滑块 (https://roundsliderui.com/document.html)。 MRE 在这里:https://codepen.io/chapkovski/pen/gORmrbR 但看起来是这样的: $("#slider1").roundSlider({ sliderType: "min-... »

如何在不延迟恢复动画的情况下暂停连续的幻灯片动画?

我正在开始我的 jQuery 研究。我在制作连续幻灯片动画时遇到了困难,一些客户的图像经过屏幕。一切都很好,直到当用户将鼠标移到正在传递的<ul> 上时我尝试暂停该功能。发生这种情况时,动画停止。但是要重新启动,它需要一个短暂的延迟(即使使用.clearQueue();),这个短暂的延迟仍然存在。如何纠正此问题以消除延迟? 功能: animar('.clientesHome ul'... »

使用范围滑块通过 javascript 更改 HSL 背景颜色

我正在尝试使用范围滑块来编辑背景颜色,但它不起作用,我哪里出错了: 我的范围滑块: <input id="ex2" name="ex2' type="range" min="0" max="360" step="1" /> 还有我的 Javascript: $(document).ready(function(){ var slider = document.getElementB... »

如何在android中创建具有上述类型的图像滑块?

我想在 android 中创建 在时间间隔内逐个更改滑块(如 jquery 滑块)。 滑块可以自动或手动更改图像,用户可以更改。在下面的部分中,我添加了一些静态内容。 (在页面中,一个布局用于滑块,另一个布局用于我的内容)。 下面我附上了所需的屏幕。 ... »

如何在 Laravel 5.6 中使用 vue-slider-component

我想在我的面板中添加一个滑块。我已经安装了 npm install vue-slider-component --save 然后我创建了一个新组件并在app.js中注册 在我的 Slider.vue 组件中,我添加了 startet 模板 <template> <div> <vue-slider ref="slider" v-bind="opti... »

Galleria:自定义下一个和上一个链接

我需要为 Galleria 制作一些 div 我的自定义控制器,因为我需要它们在滑块容器之外工作。 有没有办法使用 Javascript 或其他方法让 Galleria 知道,例如:id 为“#Right”的 div 的行为类似于“下一张图片”按钮? 谢谢... »

无法在移动设备上使用 Revolution Slider 取消 YouTube 视频静音

我在 WordPress 中使用 Revolution Slider,但遇到了一个问题,即在移动设备上,我无法取消 YouTube 视频的静音。我在滑块中有视频要在加载和自动播放时静音。我允许交互和控制。但是,当我尝试单击屏幕上的取消静音按钮时,它只是暂停/播放视频。我不确定出现的暂停/播放按钮是否以某种方式重叠并且 YT 控件是否在下方或其他什么地方。它实际上看起来不像从 YouTube 生成的... »

将 Listbox SelectedItems 绑定到 WPF 中的滑块

我对 WPF 比较陌生,但您能否提供一个示例,说明如何将滑块值绑定到列表框中的选定项目。理想情况下,当用户移动滑块时,屏幕上的项目会随着滑块值的变化而动态变化。通过阅读,我了解到您需要使用附加属性或值转换器,因为我们绑定了不同类型的值。如果是这样,您能否提供一个最有效方法的简单示例。 谢谢。 ... »

c#

从 jQuery 1.9.1 迁移到 1.10.1 导致错误:对象没有方法

View my jsFiddle 将 HTML 预览调整为小宽度并查看幻灯片的大小是否正确调整 将 jQuery 从 1.9.1 更改为 1.10.1(在左窗格中)并单击“运行” 将 HTML 预览调整为小宽度或大宽度 打开控制台,看到错误:Object [object Object] has no method 'bjqs' 我无法弄清楚 bjqs 插件是如何导致 1.10.1 出现此问题的。... »

尝试构建一个 jQuery 滑块

我试图在 WordPress 中构建一个动态滑块,使用 jquery 加载动态画廊图像的 php 数组,我事先不知道滑块中有多少图像。 这是我目前写的代码。 <script> $(document).ready(function() { //Slider $('.wp-post-image img').addClass('Slide'); //Ad... »

fullpage.js - 如何设置 2 组不同的幻灯片 - 一组移动,另一组不移动

我正在使用https://github.com/alvarotrigo/fullPage.js 进行整页滚动,想知道是否有人可以帮助我... 有一个自动播放幻灯片(左右)的功能,但我不够精明,无法理解如何在一个部分而不是第二个部分实现这一点。 在下面的示例中:http://jsfiddle.net/2dhkR/106/ 我想要第 2 部分 - 能够进行自动幻灯片模式,而第 3 部分没有自动幻灯... »

如何将 CSS 过渡添加到自动滑块?

我正在尝试为我的自动滑块应用“不透明度/向左滑动”,但我做不到。请帮我解决这个问题。 let images = ["images/a.jpg", "images/b.jpg", "images/c.jpg", "images/d.jpg", ]; let i = 0; function changeImg() { document.querySelector("#slider im... »

在新幻灯片出现时移动我的滑块缩略图

脚本:jQuery 循环滑块:http://jquery.malsup.com/cycle/ 在下一张幻灯片出现之前,我正在使用以下代码将我的滑块缩略图容器向左移动“130px”。当到达最后一张幻灯片时,边距将重置为“0px”。这很好用,但是容器直到第三张幻灯片才会移动。 这是我正在使用的代码: function onBefore(currElement, nextElement, opts... »

我需要一个带有垂直缩略图和文本的 jquery 滑块

我正在为需要使用类似于此 Flash 的滑块的客户开发一个网站: http://www.flashxml.net/media-slideshow.html 滑块应该有一个垂直导航,包含幻灯片图片和标题 是否有一个看起来像它的 jquery 插件,只需最少的定制工作。 我在 google 上搜索了一个,我也在 codecanyon 上检查了最多,我找到了 wooslider,但它只显示图像缩略... »

如何设置滑块以固定位置?

我有一个滑块,我要求它固定到整数 1-23。因此,如果用户将其从 1 移动,他们最终会得到 1-23 的任何数字,这与双精度值不同。这个滑块的作用是当一个时钟,你拖动它会出现不同的时间。 我的第一次尝试: private final int MIN_CHANGE = 1; .... timeSlider.setMax(23); .... timeSlider.valueProperty(... »