Wie kann ich ein Lightbox (prettyphoto) auf alle Bilder im Inhaltsdiv anwenden?

Question

Ich habe ein Lightbox-Skript installiert und möchte das Skript nun auf jedes Bild innerhalb des Inhaltsbereichs anwenden. Wie kann ich das erreichen?

Mein aktueller JS-Code:

  $(document).ready(function(){
   $("a[rel^='prettyPhoto']").prettyPhoto();
  });

Das CSS/Div, auf das ich es anwenden möchte:

div.post img {

Irgendwie bekomme ich das nicht zum Laufen, und meine jQuery-Kenntnisse sind nicht vorhanden :)

Vielen Dank im Voraus für jede Hilfe :)

Answer 1

Uhh, vielleicht

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

Answer 2

Aktuell suchst du alle -Tags mit rel='prettyPhoto' und wendest das prettyPhoto() Plugin darauf an.

Du kannst dieselbe Methodik auf deinen div.post img {-Selektor anwenden, indem du etwas Ähnliches machst:

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

Alles was ich getan habe, war den JQuery-Selektor zu ändern, um mit dem div css-Identifikator übereinzustimmen. Daher wird prettyPhoto() auf alle Elemente in "div.post img" angewendet.