0

当我将鼠标悬停在 id 为 1 的标签上时,我想显示第一张图片幻灯片。(当 id 为 2 时,显示第二张图片。)但是,情况有点特殊。我无法更改 Skitter 插件本身的代码。此外,不可能使用另一个插件。我可以在没有插件的情况下制作一个新的,但如果可能的话我想使用skitter。

$("#1").hover(
        function(e){
          $.skitter.fn.jumpToImage(1);
        },
        function(e){
        }
 );

如上面的代码所示,访问 jumpToImage() 就足够了,这是一个改变skitter插件内部图像的函数。

jumpToImage: function(imageNumber)
     {
          if (this.settings.is_animating == false) {
this.settings.elapsedTime = 0;
        
        this.skitter_box.find('.box_clone').stop();
        this.clearTimer(true);
        this.settings.image_i = Math.floor(imageNumber);

        this.skitter_box.find('.image > a').attr({'href': this.settings.link_atual});
   
  this.skitter_box.find('.image_main').attr({'src': this.getCurrentImage()});
        
    this.skitter_box.find('.box_clone').remove();

        this.nextImage();
      }
}

以上代码是kitter中定义的jumpToImage函数。问题是函数无法执行,因为'this'指向的不同,并且找不到必要的变量。我能知道如何解决这个问题吗?如果我可以访问和使用 Skitter 对象本身,那就太好了,但我不知道怎么做。

4

0 回答 0