Fancybox Set Höhe und Breite Attribute für einige Bild

Question

Ich bin mit fancybox und ich möchte für ein Bild die Breite und Höhe einstellen. Es ist möglich, dies zu tun?

Alle Vorschläge wäre toll und Dank im Voraus

Answer 1

Wenn Breite und Höhe für die „Bild“ -Typ in fancybox zu setzen versucht, dies für mich gearbeitet:

jQuery(".fancybox").fancybox({ 
arrows : true, 
autoSize: false, 
fitToView: false, 
afterLoad: function(){ 
    this.width = 960; 
    this.height = 540; 
    } 
} 
}); 

Wo Sie 960 ändern und 540 für jeden Wert, den Sie benötigen, oder Sie können auch eine Javascript-Berechnung in der Funktion ausführen. Wenn Sie Code für ein bestimmtes Bild ausführen möchten, können Sie die ID oder ein anderes Attribut des aktuellen Elements überprüfen. Zum Beispiel, wenn dies Ihre html:

<div class="photo-block fancybox" id="image1" data-fancybox-group="group" href="/image.jpg" title="Image description to show"> 
<div class="photo-block-img"><img src="/image.jpg"/></div> 
<div class="photo-block-text">Some text that shows in here</div></div><div class="photo-block fancybox" id="image2" data-fancybox-group="group" href="/image.jpg" title="Image description to show"> 
<div class="photo-block-img"><img src="/image.jpg"/></div> 
<div class="photo-block-text">Some text that shows in here</div> 

Dann können Sie wie folgt nur dies ID anwenden „Bild2“, in der Nachbelastung Funktion:

if($(this.element).attr('id') == 'image2'){ 
    this.width=960; 
    this.height=540; 
} 

Ich musste verwende "afterLoad" und nicht "beforeLoad", wie ich es in Antworten für den "iframe" -Typ gesehen habe. beforeLoad hatte keinen Effekt für den Bildtyp, aber afterLoad hat funktioniert.