如何将灯箱(prettyphoto)应用于内容div中的所有图像?

时间:2010-02-14 17:00:27

标签: jquery jquery-selectors lightbox

我安装了一个灯箱脚本,现在我想在内容div中的每个图像上应用脚本。我怎样才能做到这一点?

我目前的JS代码:

       <script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
   $("a[rel^='prettyPhoto']").prettyPhoto();
  });
 </script>

我希望它应用于css / div:

div.post img {

我无法让这个工作,并且我的jQuery技能不存在:)

提前感谢您的任何帮助:)

2 个答案:

答案 0 :(得分:2)

呃,也许

$('div.post img').prettyPhoto();

答案 1 :(得分:2)

目前,您正在使用<a>找到所有rel='prettyPhoto'个标签,并在其上使用prettyPhoto()插件。

您可以通过执行以下操作将相同的方法应用于div.post img {选择器:

$("div.post img").prettyPhoto();

我所做的只是更改JQuery选择器以匹配您提供的div css标识符。因此,prettyPhoto()将应用于“div.post img”中的所有元素。