使用 jQuery 从多个图像中设置图像的 box-shadow答案

【问题标题】：Use jQuery to set image's box-shadow from multiple images使用 jQuery 从多个图像中设置图像的 box-shadow
【发布时间】：2012-03-14 11:47:15
【问题描述】：

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

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

非常感谢任何想法。

【问题讨论】：

看起来该插件没有为您公开事件挂钩，也没有向当前居中的图像添加任何类。所有这些都很糟糕，这意味着您必须更改插件的代码才能实现这一点。这是脚本可读源的链接：meadmiracle.com/scripts/jquery.slidingGallery-1.2.js... 文档非常有限。
谢谢贾斯珀。我一直在查看源代码，虽然我对它在做什么以及如何做有一个基本的了解，但它有点超出我的掌握，所以我可能只是让所有图像都带有阴影，或者相同数量的，暂时。

标签： jquery image gallery image-gallery css

【解决方案1】：

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

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

【讨论】：