2016-06-29 5 views
0

Sorry, wenn das eine dumme Frage ist, aber ich habe eine fancyBox-Leuchtbox, die auf meiner Seite funktioniert, aber ich bin mir nicht sicher, wie ich eine Bildunterschrift erscheinen lassen kann.fancyBox - Muss ich Titel verwenden?

HTML:

<a href="LINK TO IMAGE" target="_blank" class="fancybox"><div class="image"> 
<img src="img/small/06-small.jpg"> <h2>CAPTION TEXT<h2></div></a> 

Die Dokumentation alle Beispiele verwendet, wo die a href Link einen Titel-Tag hat, und es ist dieser Tag, der die Beschriftung Zeichenfolge zu zeigen, ist verwendet, aber kann ich es irgendwie nehmen bekommen string von meinen h2-elementen stattdessen?

Vielen Dank

Antwort

0

Einfach mit der title Option

$(".fancybox").fancybox({ 
    title:$(this).find('h2').text() 
}); 

jsfiddle exemple

PS: Ich Reinigen Sie Ihren Code auch in dieser Geige

+0

Ausgezeichnet, danke - das funktioniert. Jetzt muss ich nur noch herausfinden, wie ich nur die Bildunterschrift des angeklickten Fotos anzeigen kann, denn im Moment zeigt es alles in einem langen String. Vielleicht, weil ich die Fotoelemente über ein JS-Array aufbaue? –

+0

Ich verstehe dein Problem nicht wirklich. Können Sie das Problem beschreiben? (vielleicht hast du es schon repariert) Und es wird nett sein, wenn du für meine Antwort votest – mica

+0

Nur abgestimmt und akzeptiert Antwort - danke :) –