草庐IT

sat_slider

全部标签

带有图像缩略图的 jQuery Slider

我需要一个带有缩略图滚动条的jqueryslider,类似于所附图片。任何人都可以向我发送指向此类jquerycarausel的链接。谢谢:) 最佳答案 试试这个..我认为这个链接给了你更多的想法..http://www.jssor.com/demos/image-gallery.html并查看此链接中的11.LiknoJQueryScrollerhttp://webtoolsdepot.com/30-best-jquery-image-and-content-slider-plugins/

javascript - 如何为 HTML 元素创建鼠标拖动 slider ?

我发现的许多slider插件要么只能单击以查看下一张图像,要么如果它们具有鼠标拖动或触摸拖动功能,则仅允许图像。有谁知道为任何html元素编写鼠标拖动slider代码的插件或可能的方法?我专门使用SVG,但如果将来能在div元素之间滑动,那就太好了。 最佳答案 HTML:CSS:#slider{width:400px;overflow:hidden;}ul{list-style:none;margin:0;padding:0;}li{width:400px;height:400px;float:left;}JS:$(function

javascript - 具有 onchange 功能的 HTML5 slider

我有一个slider(输入类型范围),它应该在更改值时运行一个函数。然后该函数应在单独的div容器中显示新值。在函数中放置警报后,我知道该函数没有被调用,但在谷歌搜索一个小时并尝试了几种不同的方法后,我就是找不到错误。这是HTML部分:JavaScript://SliderfunctionupdateSlider(slideAmount){alert("error");varsliderDiv=document.getElementById("sliderAmount");sliderDiv.innerHTML=slideAmount;} 最佳答案

javascript - jQuery HTML5 范围 slider 中的实时输出

我正在尝试将HTML5输入范围slider的实时输出转换为javascript变量。现在,我正在使用我让它工作的方式是做我想做的事,但它不是“实时的”。我想让它在您拖动slider时更新变量,而不仅仅是在您放开后。例如:当我将slider从1拖动到5时,我希望变量在拖动时更新,因此它会更新为1,2,3,4,5而不仅仅是从1跳到5一次我松开slider。有可能做这样的事情吗?有什么建议吗?我使用的是jQueryslider插件,但它与触摸不兼容,因此失去了它的用途。提前感谢所有帮助!编辑-我一定解释得不够好,我知道如何获取范围slider的值,我只想从中获取“实时”输出。

javascript - 图像 slider 不稳定

我制作了一个普通的javascript/css图像slider,开始时只是一个学习练习,但现在我希望将其应用到现实世界中。问题是动画在我的桌面上不稳定(这是一个v.高规范的游戏装备)——在移动设备上更糟(在某种程度上它不再是真正的动画)你可以在这里看到它的实际效果:www.chrishowie.co.uk/sands/jsfiddle隔离了大部分相关代码-这不是“这不起作用”的问题,因此希望fiddle能够提供足够的帮助来优化它。http://jsfiddle.net/9aozrxy8/5/总结:我有一个DIV,其中连续有4个图像,每个图像都是页面宽度的100%。我使用javascri

javascript - 带有 Javascript 的 Html 范围 slider

所以我最近一直在尝试设计htmlrangeslider的样式。我在CodePen上发现了一支设计非常棒的笔。这是一个的源代码。HTML:CSS:html{background:#393939;}input[type='range']{display:block;margin:2.5emauto;border:solid.5emtransparent;padding:0;width:15.5em;height:1em;border-radius:.25em;background:transparent;font-size:1em;cursor:pointer;}input[type='r

javascript - 无法让 slider 使用 4 个元素?

我有一个slider,我一直在努力让它工作。它的演示是3张幻灯片,但我正在尝试添加4张。当我添加它时,第4项是永远在后面在右边的图片下如果有办法的话,我不太确定如何解决这个问题。为了帮助描述我正在寻找的内容,想象下面是我的图表:[backimg][leftimg][rightimg][frontimg]我正在努力让它旋转。目前,你可以看到前/左/右图像,这是我需要的,但你也可以看到后图像。我基本上需要隐藏背面图像,所以无论那个位置的图像是什么,都将其隐藏。这是HTML中的设置CSS中的定位.p_slider__item:nth-of-type(1){-webkit-transform:

Javascript Slider 在过渡结束时无法正常工作

我不知道为什么人们不回答这个问题。我正在制作一个水平无限循环slider。我正在使用的方法是制作一个包含3个图像的ul容器,例如,如果有3个图像,则克隆第一个图像并将其放置到slider的末尾,与最后一个图像相同克隆并将其放在第一张图像之前。所以现在总图像是5。默认slider转换总是从第一张图像开始,而不是从克隆图像开​​始。这是一个example.我面临的是,我想在slider到达最后一个克隆图像后重置slider,并像旋转木马slider一样连续循环。我尝试将addEventListener与事件名称transitionend一起使用,但该事件未正确执行并显示出不满意的行为。有办

javascript - 输入类型范围 slider 拇指在 Google Chrome 中不可移动

我正在开发一个视频网络播放器,我一直在Chrome(版本63.0.3239.108(官方构建)(64位))和Firefox(52.5.2(64位))。在Chrome中,每当我移动用于搜索视频的slider时,它只会跳回到当前视频播放时间,而不是用户希望播放视频的时间。这是处理这部分的函数:functionvidSeek(){varseekto=vid.duration*(seekbar.value/100);vid.currentTime=seekto;}这在Firefox中按预期工作(但是在Firefox内部有一个问题,似乎是默认样式覆盖了我正在写的样式,但我认为这与它没有任何关系)

html - 创建带有加/减按钮的 jQuery slider 以从 slider 中添加/减去值

我正在尝试在jquery中复制您在图像中看到的内容,以制作现有应用程序的触控版本:我正在使用jquery-uislider,我想继续使用它们,因为我有很多业务逻辑与它们相关联,实际上它们看起来是这样的:我需要css和html部分的帮助,我不知道如何在用户单击“加号”按钮时填充“slider”的位置以及我应该如何组织我的HTML来实现那个表情。我的标记如下:TempoadisposizioneArchitectureandHeritageCultureFairsPerformancesandSpecialEventsFoodandDrink 最佳答案