Ich habe Fancybox 4 als Lightbox Alternative eingebunden. Nun möchte ich Fancybox anpassen, ohne die Standard Templates zu verändern. Habe es also mit "data-lightbox" verknüpft. Grundsätzlich funktioniert es. Leider schaffe ich es nicht, den Inhalt aus dem Titel des jeweiligen Links an Fancybox zu übergeben. Dafür gibt es zwar eine Option, aber mangels JavaScript Erfahrung schaffe ich es nicht, den Titel auszulesen.
Die Einbindung/Anpassung habe ich über den folgenden Code im Seitenlayout als "eigenen JavaScript Code" vorgenommen:
HTML-Code:
<script>
Fancybox.bind('[data-lightbox]', {
caption: function (fancybox, carousel, slide) {
return ( this.title + 'test' );
},
groupAll: true,
groupAttr: 'data-lightbox',
buttons : [
'slideShow',
'zoom',
'fullScreen',
'download',
'thumbs',
'close'
],
wrapCSS: "fancytest",
loop : true,
toolbar : true,
preload : true,
maxWidth: '95%',
maxHeight: '95%'
});
</script>
Vermutlich muss ich nur an der Stelle "this.title + 'test'" den richtigen Zugriff auf den Titel einbauen? Bei der Option "caption" kann man laut Doku eine Funktion angeben. Wer hat mir einen Tipp?
Lesezeichen