Fügen Sie eine Schaltfläche zu voller Größe in fancybox v2

Question

Derzeit die einzige Möglichkeit, ein Bild in Fancybox in voller Größe anzuzeigen, ruft die Schaltfläche Helfer, aber das bringt auch den Rest der Schaltflächen (Play, Next, Prev, etc) . Ich würde gerne eine einzelne Taste zu einer Ecke des Fancybox-Containers hinzufügen, die die volle/automatische Größe schaltet; vorzugsweise Änderungen an den regulären js und CSS-Dateien hinzufügen, um zusätzliche Anfragen zu vermeiden. Irgendwelche Ideen?

Answer 1

Vergeuden Sie nicht Ihre Zeit für das Ändern von Javascript, Sie können nur nahe und Fullsize-Taste mit diesem CSS-Trick zeigen.

#fancybox-buttons a.btnPrev, #fancybox-buttons a.btnNext, #fancybox-buttons a.btnPlay { 
    display:none; 
} 

#fancybox-buttons ul { 
    width:80px; 
} 

Answer 2

Eine weitere Variante als Beispiel (fancybox 2.1.5):

$('.fancybox').fancybox({ 
    afterShow: function() { 
    $('<div class="fancybox-fullsize"></div>').appendTo(this.skin).click(function() { 
     $.fancybox.toggle(); 
     $(this).toggleClass('fancybox-fullsize fancybox-fullsize-r'); 
    }); 
    } 
}); 

und CSS:

.fancybox-fullsize, .fancybox-fullsize-r { 
    position: absolute; 
    width: 36px; 
    height: 36px; 
    top: -18px; 
    left: -18px; 
    z-index: 99999; 
    cursor: pointer; 
} 

.fancybox-fullsize { 
    background-image: url(img/fancybox_fullsize.png); 
} 

.fancybox-fullsize-r { 
    background-image: url(img/fancybox_fullsize-r.png); 
}