需要下一个和上一个按钮才能在幻灯片 div 之外工作
我正在使用 SlidesJS 插件在我的主页上创建幻灯片。
我希望将上一个和下一个按钮放在幻灯片 div 之外,这样我就可以将按钮左右对齐到浏览器窗口的两侧。像这样:
<div id="slidercontainer">
<div id="homeslidercontainer">
<div id="example">
<div id="slides">
<div class="slides_container">
</div>
</div>
</div>
</div>
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
</div>
这是脚本:
$(function(){
// Initialize Slides
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
generatePagination: false,
play: 10000,
pause: 5000,
hoverPause: true,
start: 1
});
});
但是当我尝试时,单击按钮时不会转到下一张或上一张幻灯片。 由于按钮位于滑块 div 之外,是否需要包含一些脚本 var?
任何帮助表示赞赏!
I am using the SlidesJS plugin to create a slideshow on my home page.
I am looking to put the previous and next buttons outside of the slideshow div so I can left and right align the buttons to the sides of the browser window. Like this:
<div id="slidercontainer">
<div id="homeslidercontainer">
<div id="example">
<div id="slides">
<div class="slides_container">
</div>
</div>
</div>
</div>
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
</div>
Here is the script:
$(function(){
// Initialize Slides
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
generatePagination: false,
play: 10000,
pause: 5000,
hoverPause: true,
start: 1
});
});
But when I try it the buttons do not go to the next or previous slides when clicked.
Is there some script var that needs to be included because the buttons are outside of the slider div?
Any help is appreciated!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我不知道那个幻灯片插件,但我正在使用 JQuery Tools Scrollable将它们放置在其他地方没有问题,并且使用方式几乎相同。
I don't know that slide plugin, but I'm using JQuery Tools Scrollable for that and there it is no problem to place them elsewhere and they are used nearly the same way.