jQuery 幻灯片：如何修改此代码以显示每张幻灯片的自定义寻呼机？答案

【问题标题】：jQuery slideshow: how do I modify this code to show a custom pager per slide?jQuery 幻灯片：如何修改此代码以显示每张幻灯片的自定义寻呼机？
【发布时间】：2010-09-17 17:37:23
【问题描述】：

现在，代码正在为每张现有幻灯片吐出 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;

},

【问题讨论】：

我在询问几个小时后解决了自己的问题 - 我只是在循环中添加了 "slide'+i+'" ( .appendTo(controlls) );这吐出了我可以在 css 中建模的自定义 css 位。

标签： jquery css slideshow pager

【解决方案1】：

称我为懒惰，但在发现以下内容后，我不再制作自己的幻灯片： http://jquery.malsup.com/cycle/

它尽可能地简化，并允许您自定义并将其重新创建到您能想到的任何滑块场景中。

【讨论】：