jQuery 幻灯片:如何修改此代码以在每张幻灯片上显示自定义分页器?

发布于 2024-09-24 01:59:09 字数 718 浏览 0 评论 0原文

现在,代码正在为现有的每张幻灯片输出 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

指尖凝香 2024-10-01 01:59:09

你可以说我很懒,但在我发现这个之后我就不再制作自己的幻灯片了:
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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文