根据变量的值调用函数

Question

我正在从头开始创建一个非常简单的幻灯片：

...运行3个主要变量：

var slideshowItem_place = 0;
var slideshowItem_position = 0;
var slideshowItem_limit = parseInt($('.slideshowImage_container').length) - 1;

使幻灯片显示的主要功能是：

function slideshow_animateSliding(){
  slideshowItem_position = 0 - (slideshowItem_place * 1280);
  $('#slideshowContent').stop().animate({'left':slideshowItem_position + 'px'}, 1000, 'swing');
  }

大拇指，但......

...我不知道如何让它们在播放时根据可见幻灯片自动更改。

拇指代码：

$('#slideshow_thumbsContainer').on('click', '> div:not(.slideshowThumbs_active)', function(){

  var $this_slideshowThumbs_notActive = $(this);
  var $this_slideshowThumbs_active = $('#slideshow_thumbsContainer > div.slideshowThumbs_active');

  function thumbsDeactivate(){
    // Deactivate currently slideshowThumbs_active animation...
  }

  function thumbsActivate(){
    thumbsDeactivate();
    // Activate clicked slideshowThumbs animation...
  }

  thumbsActivate();

});

我的猜测是我应该在运行幻灯片的那个中调用函数 thumbsActivate（） - slideshow_animateSliding（） - 只是无法弄清楚逻辑。

这是我需要的一些伪代码：

• 如果 slideshowItem_place = 0 ，则运行 thumbsActivate（＃slideshow_thumbOutline01）
• 如果 slideshowItem_place = 1 ，则运行 thumbsActivate（＃slideshow_thumbOutline02）
• 等...

完整FIDDLE。

感谢名单。

佩德罗

Answer 1

喜欢

function slideshowAutoplay(){
    if (slideshowItem_place < slideshowItem_limit){
       slideshowItem_place ++;
       $('.slideshow_thumbInner').eq(slideshowItem_place).css('background-color','red');}
    else{
       slideshowItem_place = 0;   
       slideshow_animate();
    }
}