</ Jquery - per Click event Fancybox öffnen >
Per Click event ein Iframe oder Bild in der Fancybox zu öffnen ist gar nicht so schwer.
Wie es geht? So!
$("#test").click(function() {
$.fancybox( {
'href' : 'test.php',
'width' : '90%',
'height' : '90%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut': 'none',
'type' : 'iframe'
});
});
Das erste Beispiel ist für ein Iframe, für ein Bild ohne a-Tag hab ich folgendes Beispiel:
Zuerst der img-Tag.
<img class="pic" src="bild.jpg" title="Test"/>
Dann holen wir uns per click was in src und title steht und öffnen dann die Fancybox.
$(".pic").click(function() {
var url = $(this).attr("src");
var text = $(this).attr("title");
$.fancybox( {
'href' : url,
'transitionIn' : 'none',
'transitionOut': 'none',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + text + '</span>';
}
});
});
Das wars auch schon, viel spaß beim Testen.
Permanentlink:https://twus.info/243