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?Fügen Sie eine Schaltfläche zu voller Größe in fancybox v2
1
A
Antwort
0
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;
}
1
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);
}
Ausblenden der anderen mit CSS, gute Idee! Vielen Dank. –