Problem mit prettyphoto

Christian · 19. Januar 2016

Hallo,

ich habe zwar hier schon einige Beiträge gelesen, aber ich komme mit meinem Quellcode nicht zurecht. Vielleicht kann mir ja jemand helfen

Ich würde gerne unterschiedliche Gallerien benutzen, aber ich kann nur immer -prettyPhoto[gallery] - benutzen. Wo liegt mein Problem? Ja ich weiß, dass ich die Materie noch nicht verstanden habe, aber irgendwie muss man ja anfangen!

Danke für das Verständnis!

Gruß
Christian

Sempervivum · 19. Januar 2016

Wenn Du "data-gal" benutzt, musst Du auch damit initialisieren. Hast Du daran gedacht? Hier ist es beschrieben:
http://stackoverflow.com/quest…ery-without-rel-attribute
und so funktioniert es bei mir auch:

HTML

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="css/prettyPhoto.css">
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src="js/jquery.prettyPhoto.js"></script>
        <script type="text/javascript" charset="utf-8">
            $(document).ready(function(){
              $("a[data-gal^='prettyPhoto']").prettyPhoto({hook: 'data-gal'});
            });
        </script>
    </head>
 
    <body>
        <a href="bilder/1.jpg" data-gal="prettyPhoto[gal1]" title="You can add caption to pictures."><img src="bilder/1.jpg" width="60" height="60" alt="Red round shape" /></a>
        <a href="bilder/2.jpg" data-gal="prettyPhoto[gal1]" title="You can add caption to pictures."><img src="bilder/2.jpg" width="60" height="60" alt="Red round shape" /></a>
        <br><a href="bilder/3.jpg" data-gal="prettyPhoto[gal2]" title="You can add caption to pictures."><img src="bilder/3.jpg" width="60" height="60" alt="Red round shape" /></a>
        <a href="bilder/4.jpg" data-gal="prettyPhoto[gal2]" title="You can add caption to pictures."><img src="bilder/4.jpg" width="60" height="60" alt="Red round shape" /></a>
    </body>
</html>

Alles anzeigen

Christian · 20. Januar 2016

Danke Sempervivum,

ABER das hatte ich schon. Das läuft ja auch mit der Endung data-gal="prettyPhoto[gallery]. Wenn ich aber an einem anderen Punkt eine weitere Gallerie einbauen möchte, wie data-gal="prettyPhoto[gallery2], dann wird die zweite Gallerie nicht wie die erste angezeigt

Sempervivum · 20. Januar 2016

Hm, verstehe ich nicht. Mein Beispiel funktioniert einwandfrei. Vielleicht wird da irgendwo mit indexOf gearbeitet oder einem entsprechenden Selektor statt die Namen komplett zu verwenden. Versuch's doch mal mit mit "gallery1" und "gallery2".

Problem mit prettyphoto

Jetzt mitmachen!

Teilen