jquery - 使用 jQuery 从多个图像设置图像的 box-shadow

Question

我正在使用一个 jQuery 图库，它在中间显示一个大图像，在它的两边显示一个较小的图像 (http://www.meadmiracle.com/SlidingGallery.aspx)，我想给它添加一些效果。画廊在容器 div 中获取尽可能多的图像，类“画廊”提供并从中生成画廊。由于图像的生成方式，无法将单独的类或 ID 添加到图像中，我正在努力寻找一种方法来使用 jQuery 选择中间进入中间。

我想要实现的是在图像移动到中间时在图像上设置 box-shadow ，这样它看起来就像从屏幕中出来，然后在它再次过渡到外层空间时移除阴影。我可以使用 jQuery 在所有图像上设置相同的阴影，但这不是我想要的，并且可以在没有 jQuery 的情况下实现。

非常感谢任何想法。

Answer 1

看起来所选图像在放大时应用了 z-index。您可以使用 jQuery 查找该元素并测试其 z-index 值。这样的事情可能会起作用:

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