草庐IT

p_slider

全部标签

javascript - 解析 dom 元素时 JqueryUI slider 不工作

我正在使用简单的HTMLdom解析器。一切都适用于我的代码,但jqueryui无法正常工作,并且对于某些站点,它不显示图像。请查看现场here请尝试使用简单的HTMLdomparser.请在带有URL的文本字段中输入URL。您可以看到图像未加载且slider不工作。这是我的代码load_file($_REQUEST['url_name']);foreach($data->find('img')as$element){$element->target='_blank';if(strpos($element,".com")===false&&strpos($element,".net")=

javascript - HTML5 slider 。如何使用 'noUiSlider'

下午好我正在尝试实现“noUIslider”slider(http://refreshless.com/nouislider/),即使在他们主页上的第一个示例中也很挣扎。各种css和js我都下载好了,解压在一个文件夹里。然后我写了下面的html页面,但看起来没有任何东西正常工作(空白html页面)。关于我错过了什么的任何线索?非常感谢您的帮助,祝您周日愉快。祝你好运,洛朗#showcase{margin:020px;text-align:center;}#range{height:300px;margin:0auto30px;}#value-span,#value-input{widt

html - Nivo Slider 自定义高度/宽度问题

我已经为我的问题寻找解决方案,但尚未成功。我在NivoSlider中有不同大小的图像,但我需要创建一个viewport以div为中心显示图像。很难解释,但我在下面附上了一张图表。图像必须在div中居中,而div也必须是响应式的。我不希望div更改其大小,并希望图像创建一个隐藏在div上的overflow。我尝试过CSS和HTML的不同方法,但都不是我最大的强项。 最佳答案 如果我理解正确的话,你想要实现的是这样的(取消注释/*overflow:hidden;*/):DEMOHTML:CSS:div{position:relative

javascript - 如何重新加载光滑( slider /旋转木马)jQuery 插件?

我有2个按钮具有相同的功能,即从API获取数据然后转换为html然后使用jQuery将其附加到.最后,使用slick显示它将HTML元素显示为slider的jQuery插件。但是,在单击第一个按钮后,如果我单击第二个按钮(反之亦然),slick(slider)不再起作用。Javascript代码:$(document).ready(function(){/*Description:HandleDayButtonEvent*/$('.dayList').on("click",function(event){vardayChild=$(this).attr('id');//::refres

html - 如何在视差内嵌套 materializecss slider ?

我想在materialcss视差中嵌套一个materializecssslider。这能做到吗?我可以单独制作每个作品,但是当我嵌套它们时,我只会得到一个带有标题的灰色区域。这是我的代码 ThisisourbigTagline! Here'soursmallslogan. ThisisourbigTagline! Here'soursmallslogan. 谢谢 最佳答案 你只能像这样使用slider: Thisisourb

javascript - 如何使用 HTML CSS JS 创建 slider /切换以更改屏幕上的字体大小

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭9年前。Improvethisquestion我有什么办法可以做到这一点-->所以我想做一个slider/切换用户可以拖动/滑动它来改变不同的大小(或点)对于每个点,显示的文本都会改变就像我描述的图片一样我是否使用HTML5Canvas?或者有什么方法(也许用js,实现交互式切换/slider手动调整字体大小)用于显示预览?提前致谢!

Rails 形式的 Javascript slider

我有一个使用form_for的表单,我想使用bootstrap-slider.js实现一个javascriptslider获取值并更新事件的价格。Javascript绝对不是我的强项,我正在寻找如何将它包含在表单中。规定的例子之一是:###################HTML######################################JavaScript###################$("#ex8").slider({tooltip:'always'});我目前的表格如下:mm/dd/yyyy我主要不明白如何在表单中实现javascript/html,然后将

javascript - 隐藏在javascript slider 后面的下拉菜单

目前,我的导航菜单的下拉部分隐藏在我正下方的javascriptslider后面。查看问题here.如何让下拉菜单显示在slider上?这是包含各自导航菜单和slider的两个div的一些CSS。导航菜单:#nav{width:1024px;height:20px;border-bottom:1pxsolid#ccc;}slider:#slider{width:1024px;height:300px;background:#353A33;padding-bottom:5px;}有什么想法吗? 最佳答案 尝试将z-index添加到您的

带有图像缩略图的 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