Themeentwicklung

Lightbox integrieren (Themeentwicklung Teil 21)

Damit die Lightbox überhaupt funktioniert muss beim Einladen der Bilder in Beiträgen/Seiten die Funktion „Link zu“ unter „ANZEIGE-EINSTELLUNGEN FÜR ANHÄNGE“ auf „Medien-Datei“ gesetzt sein!

CSS laden

Zunächst müssen wir die zugehörige CSS Datei in der funktions.php registrieren.

Javascript laden

Danach registrieren wir die Javascript Datei in der functions.php

data Attribut hinzufügen

Damit das lightbox Javascript weiß, auf welche Elemente es angewendet werden soll, benötigen alle Bilder, auf welche dies zutreffen soll das Attribut

Folgendes Script sucht alle Links mit der hyperreference der Endung aller gängigen Bilddateien und ergänzt das oben genannte Attribut.

 

0 Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

2 + 4 =