使用jQuery從多個圖像

我使用的中間顯示一個大圖像的jQuery的畫廊，它（http://www.meadmiracle.com/SlidingGallery.aspx）較小的圖像兩側，並希望一些效果添加到其設置圖像的箱陰影。該畫廊在容器div中提供儘可能多的圖像，提供的「畫廊」級別以及該畫廊的圖像。這是不可能的單個類或ID的添加到圖像，由於它們生成的方式，我在努力找到一種方法，使用jQuery選擇中間進入中間。使用jQuery從多個圖像

我想要實現的是在圖像移動到中間時設置箱形陰影，以便它看起來像是從屏幕中出來，然後在它再次過渡到外層空間時移除陰影。我可以使用jQuery在所有圖像上設置相同的陰影，但這不是我想要的，可以在沒有jQuery的情況下實現。

任何想法非常讚賞。

來源

2012-02-24 Ashley Bye

它看起來像該插件不公開爲您事件掛鉤，並沒有任何類添加到當前居中的圖像。這一切都很糟糕，這意味着你必須改變插件的代碼來實現這一點。下面是腳本的讀取源的鏈接：http：//www.meadmiracle.com/scripts/jquery.slidingGallery-1.2.js ...文檔是極其有限的。 – Jasper 2012-02-24 00:50:37

謝謝賈斯珀。我剛纔一直在看源代碼，而我有什麼它做一個基本的想法，怎麼樣，這是一個有點超出我的把握，所以我可能只是去爲所有的陰影圖像，或等量的，暫且。 – 2012-02-24 01:21:37

看起來像所選擇的圖像，在放大時，具有施加到其上的z索引。您可以使用jQuery來查找該元素並測試其z-index值。像這樣的東西可能會奏效：

if($('.gallery img').css('z-index') > 0)) { 
    // do something like add toggle a class 
}

來源

2012-02-24 01:59:11 Simon

使用jQuery從多個圖像

回答

相關問題