问题标签 [unslider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
271 浏览

html - Unslider 样式样式问题点

我目前正在设计http://unslider.com/ jquery 横幅。我想将点设置为以矩形为中心。当我在点类中设置背景时,它会将它们拉出中心。

我只会在它们周围包裹一个 div 但由于 html 中没有引用我不知道该怎么做。我曾尝试使用背景来做到这一点,但它产生了问题。CSS: .banner { 宽度 100% !important; 高度:自动!重要;位置:相对;溢出:自动;}

HTML:

0 投票
1 回答
110 浏览

jquery - 带有 Unslider.js 的 Google 活动日历

我正在尝试使用 google 日历和 unslider jquery 滑块创建一个可滚动的未来事件列表。我已经能够将谷歌日历的事件提取为列表格式。但是,Unslider.js 无法识别插件生成的列表项。当页面加载时,两个日历项刚刚被推离屏幕。如果我手动将列表项放入 html,我只能让它工作。这是我的小项目的链接,因此您可以自己查看http://timothybilcke.com/bspace-gcal/我将不胜感激,因为我似乎无法弄清楚这一点

0 投票
0 回答
157 浏览

javascript - 仅当当前滑块处于活动状态时才设置 Animate.css 类

我正在使用unslider插件。

我只想在当前滑块打开时触发滑块内元素上的 animate.css

如果我没记错的话,unslider 在当前活动的滑块中添加了一个 .active 类,所以我试图做的是在我想要动画的元素中放置一个“测试”类,然后添加这个 css:

但是,它不起作用。

您可以在这里在线查看:http ://www.felipegrin.com/test-two/

0 投票
1 回答
195 浏览

jquery - 如何覆盖 Unslider 的箭头样式?

我在我正在开发的网站上使用多个Unslider实例,其中一个需要有导航箭头。我添加了箭头,但现在我无法设置它们的样式,它们似乎无法通过 CSS 访问。也没有!important;规则起作用。

这是我的html:

这是我的 SCSS(基于插件本身生成的标记):

我的初始化:


这是一个小提琴。


注意:所有示例都只是空白代码,为了帮助更好和更快地理解,已经减小了大小。

无论我做什么,我的 SCSS(CSS) 都无法到达箭头。

解决方案:正如马科斯在他的回答中所描述的,你应该非常小心你的 CSS 层次结构。如果您要添加自定义容器,unslider 可能会稍微混淆您的选择器。

0 投票
1 回答
56 浏览

jquery - 为什么我的滑块不起作用?

控制台不返回任何错误。

使用取消滑块

我有:

然后调用它:

所有文件都正确链接。

现场版在这里

0 投票
1 回答
63 浏览

jquery - 如何通过单击 jQuery Unslider 中的图像来移动画廊?

我正在为一个简单的照片库使用 jQuery Unslider 插件,它似乎运行良好,只是似乎没有通过单击当前图像转到下一张图像的选项。

我尝试使用以下代码自己实现该选项,但它仅在我第一次单击时才有效:

我会很感激任何帮助,谢谢!

0 投票
4 回答
1462 浏览

javascript - Unslider JQuery 单击更改幻灯片

我现在正在建立我的投资组合网站,并在案例研究页面上有一个 Unslider.com 画廊。我希望用户能够单击我自己创建的下一个或上一个按钮,并将类名命名为 .next 和 .prev。这是我的 JQuery 代码。

我知道 Unslider 带有下一个和上一个按钮,但我需要自己这样做才能达到预期的效果。任何有关为什么代码不起作用的建议将不胜感激。我知道 JQuery 单击链接到正确的 html 元素,因为我尝试在单击元素时向函数添加警报并且它正确显示了警报。

谢谢,杰米

0 投票
2 回答
345 浏览

javascript - Unslider:即使在“低”屏幕分辨率下也能居中图像

我在一个项目中使用 Unslider ( http://unslider.com/ )。

我成功地将整个滑块部分对齐到目标的一半。但问题是1920 和更低宽度分辨率的幻灯片没有居中。图像的宽度为 3940 像素。

我尝试应用答案中的代码;像这样:

,但无济于事。我也试过:

还:

这是我的代码:

编辑 2016.07.23.: 我忘了提,我只想将图像的 1920px 部分居中。

0 投票
1 回答
356 浏览

vue.js - 如何将 vuejs v-for 与 Unslider 结合使用

最近在尝试结合vuejs的v-for和Unslider时遇到了一个问题

我的 HTML

我的 Js for unslider

v-for 和 unslider 分开时效果很好。但我想把它们结合起来。如果有人能帮助我解决这个问题,那就太好了。

0 投票
3 回答
1011 浏览

carousel - Unslider 轮播“动画:‘淡入淡出’”

我正在尝试使用http://unslider.com制作一个轮播,如下所示:

当我添加选项时,所有幻灯片都变得不可见animation: 'fade'。我不知道为什么。

http://codepen.io/tjeu-kayim/pen/EgYYXN