25.11.2021, 19:12
|
|||
|
|||
Fehler mit funktionierendem prettyPhoto
Ich habe auf meiner Seite eine Bildergalerie mit Slideshow. Und wenn ein Besucher auf das gerade aktuelle Bild klickt geht per prettyPhoto eine Bilder-Galerie auf, mit dann größeren Bildern, und der Hintergrund wird ausgegraut.
Das funktioniert auch alles! Ich habe dieses JS dafür auf der Seite integriert (bzw. die erste und dritte Zeile gab es vorher schon, aber der Vollständigkeit halber zeige ich diese hier auch): Code:
<script src="../scripts/jquery-3.5.1.slim.min.js"></script>
<script src="../scripts/jquery-1.6.1.min.js"></script>
<script src="../scripts/jquery_1.4.1.cookie.js"></script>
<script src="../scripts/jquery.prettyPhoto.js"></script>
Code:
Uncaught TypeError: $(...).on is not a function
<anonymous> https://www.wipfelglueck.de/nBarrierefreiesBaumhaus1.php#prettyPhoto[pp_gal]/3/:158
Bevor ich sämtliche Bilder-Galerien auf der Seite auf prettyPhoto umstelle möchte ich gerne dass der Code auch Fehlerfrei läuft. Nicht dass ich mich hier für etwas entschieden habe was vielleicht auch nicht mehr zeitgemäß ist. Aber das weiß ich nicht, dafür habe ich nicht genug Erfahrung. Könnt Ihr mir hier bitte einen Rat geben? 
|
| Sponsored Links |
|
25.11.2021, 19:58
|
|||
|
|||
|
Jetzt stelle ich gerade fest, dass dort wo diese Zeile eingebaut wurde:
Code:
<script src="../scripts/jquery-1.6.1.min.js"></script>  Ohne diese Zeile geht das Menü, aber dafür funktioniert die Bilder-Galerie nicht mehr so wie sie sollte. Was kann ich denn da machen?
|
| Sponsored Links |
|
26.11.2021, 07:28
|
|||
|
|||
|
Ich habe weiter recherchiert und meine jetzt es liegt vermutlich an einer zu alten jQuery Version. Ich müsse ein ".on" durch ein ".click" ersetzen!?
Mit den Versionen kenn ich mich leider gar nicht aus, habe zuletzt das mit eingebunden was bei prettyPhoto dabei war. Ursprünglich hatte ich: Code:
<script src="../scripts/jquery-3.5.1.slim.min.js"></script> <script src="../scripts/jquery_1.4.1.cookie.js"></script> Code:
<script src="../scripts/jquery-1.6.1.min.js"></script>
<script src="../scripts/jquery.prettyPhoto.js"></script>
|
|
26.11.2021, 08:06
|
|||
|
|||
|
prettyPhoto scheint hoffnungslos veraltet zu sein, das kannst du vergessen.
Nimm eins von 1000 anderen jQuery Galerie-Plugins, wie zB https://www.jacklmoore.com/colorbox/ Das funktioniert auch mit aktueller jQuery Version. Oder du suchst nach "lightbox jquery" dann findest du viele Alternativen (Achtung, das original lightbox jquery plugin, was eines der ersten Treffer sein wird, ist nicht kostenlos)
|
|
26.11.2021, 09:15
|
|||
|
|||
|
Vielen Dank erst mal!
Da ich mich ja nicht großartig auskenne werde ich mir einfach mal die Colorbox von Jack Moore anschauen. Aber kann es auch sein dass mein Fehler von diesem JS kommt, das zu meinem Menü gehört?: Code:
$('.navicon').on('click', function (e) {
e.preventDefault();
$(this).toggleClass('navicon--active');
$('.toggle').toggleClass('toggle--active');
});
Für die Lightbox nehme ich auf jeden Fall was Neues wenn der Code von PrettyPhoto veraltet ist, das macht ja sonst keinen Sinn.
|
 |
| Stichwörter |
| prettyphoto |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| JSFiddle weigert sich, eine JS/JQuery Datei anzunehmen | Krischu | Javascript & Ajax | 6 | 27.05.2016 16:02 |
| Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 12:25 |
| Fehler bzw. Warnungen für eine Lightbox | empfei | (X)HTML | 3 | 24.10.2009 14:27 |
| PHP: ereg_replace verursacht fehler nach Umstellung auf UTF-8 | braindead | Serveradministration und serverseitige Scripte | 5 | 02.07.2007 10:28 |
| Kleiner Fehler bei Opera und IE -> Bitte Hilfe! | ONeill | CSS | 10 | 11.08.2006 13:40 |
Linear-Darstellung
