jQuery 幻灯片:如何修改此代码以在每张幻灯片上显示自定义分页器?
现在,代码正在为现有的每张幻灯片输出 1 个寻呼机项目。我试图让它在每张幻灯片上显示自定义寻呼机图形。 IE:幻灯片 1 显示 pager1.gif,幻灯片 2 显示 pager2.gif 等。谢谢!
appendControlls: function()
{
if (options.slideControlls == 'items')
{
var elementToAppend = options.appendControlls || slideWrapper[0];
controlls = $('<div></div>').addClass('slidecontrolls').insertAfter(elementToAppend);
slides.each(function(i)
{
var controller = $('<a href="#" class="ie6fix '+current_class+'"></a>').appendTo(controlls);
controller.bind('click', {currentSlideNumber: i}, slideWrapper.methods.switchSlide);
current_class = "";
});
controlls.width(controlls.width()).css('float','none');
}
return this;
},
Right now the code is spitting out 1 pager item per slide existing. I'm trying to get it to show a custom pager graphic per slide. IE: slide 1 shows pager1.gif, slide 2 shows pager2.gif, etc. Thanks!
appendControlls: function()
{
if (options.slideControlls == 'items')
{
var elementToAppend = options.appendControlls || slideWrapper[0];
controlls = $('<div></div>').addClass('slidecontrolls').insertAfter(elementToAppend);
slides.each(function(i)
{
var controller = $('<a href="#" class="ie6fix '+current_class+'"></a>').appendTo(controlls);
controller.bind('click', {currentSlideNumber: i}, slideWrapper.methods.switchSlide);
current_class = "";
});
controlls.width(controlls.width()).css('float','none');
}
return this;
},
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你可以说我很懒,但在我发现这个之后我就不再制作自己的幻灯片了:
http://jquery.malsup.com/cycle/
它尽可能简化并允许您自定义并将其重新创建到您能想到的任何滑块场景中。
Call me lazy, but I quit making my own slideshows after I found this:
http://jquery.malsup.com/cycle/
It's about as simplified as possible and allows you to customize and recreate it into about any slider scenario you can think of.