JQUERY幻灯片缩略图显示活动状态

时间:2012-09-25 13:55:23

标签: jquery slideshow thumbnails

我希望有人可以帮助我在缩略图上显示“活动”状态,这将显示当前选择的背景图像。请访问www.shahidmirzadesign.co.uk/crystal/获取测试链接,您可以使用jsfiddle:

http://jsfiddle.net/AE3Zx/1/

我想要的是从白色到红色的微妙背景颜色变化。

事先,感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

您可以在click事件的回调函数中添加以下行

$this.parent().css({backgroundColor: '#f1342c'}).siblings('li.thumbs').css({backgroundColor: 'rgb(255, 255, 255)'});

上面的行将选择所点击图像的父级(即li元素)将背景颜色更改为红色,并选择与选择器匹配的兄弟姐妹(即li元素与班级thumbs)并将所选兄弟姐妹的背景颜色更改为白色。

请参阅Jsfiddle