在Galleriffic中识别活动图像

时间:2011-09-20 18:41:48

标签: jquery image slideshow html addclass

在昨晚的一个问题之后,我正在将一个页面改写为Galleriffic的范围以利用受控图像加载......并且这样做必须真正得到针对性的粗糙。

我在识别页面上的活动图像时遇到问题。我来回浏览插件的功能很多次我都会哭。字面上只需要找到一个有效的CSS选择器,这样我就可以从中创建一个变量并操纵该图像。

奇怪的是 - 这个插件永远不会向正在显示的图像添加.current.active类。所以不幸的是我必须手动执行此操作。

无论如何,我设置了一个jsFiddle来演示...非常感谢所有帮助!

3 个答案:

答案 0 :(得分:2)

@Evan说的是对的。我已经设置了一个示例,您可以根据需要修改选择器。密切关注你的javascript控制台。

http://jsfiddle.net/PHSrE/2/

查看文档,我看到了这个事件:onSlideChange

 onSlideChange: function(){
    console.log($('.image-wrapper').find('img'));
}

答案 1 :(得分:1)

页面上没有多个图像。所以你需要做的就是选择唯一的图像:

$("a.advance-link img")

答案 2 :(得分:0)

如果有帮助,您可以轻松找到所选缩略图:

$("div#flipbook-thumbs li.selected img")