Как я могу применить лайтбокс (prettyphoto) ко всем изображениям в div контента?

Question

У меня установлен скрипт лайтбокса, и теперь я хочу применить скрипт к каждому изображению внутри содержимого div. Как мне этого добиться?

Мой текущий код JS:

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

css / div, к которому я хочу применить:

div.post img {

Я почему-то не могу заставить это работать, и мои навыки jQuery отсутствуют:)

Заранее спасибо за любую помощь:)

Answer 1

В настоящее время вы находите все теги <a> с rel='prettyPhoto' и используете для них плагин prettyPhoto ().

Вы можете применить ту же методологию к вашему div.post img { селектору, выполнив что-то вроде:

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

Все, что я сделал, это изменил селектор JQuery, чтобы он соответствовал указанному вами идентификатору div css . Таким образом, prettyPhoto () будет применен ко всем элементам в div.post img.

Answer 2

Э-э, может быть,

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