当我将鼠标悬停在 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 对象本身,那就太好了,但我不知道怎么做。