Druckbare Version
Hallo,
ich würde die Colorbox gerne so verwenden, dass sie sich der Größe nach anpasst und somit auch auf Smartphone verwendbar ist.
Momentan passt sie sich leider nicht der Größe an.
Ist das einfach zu lösen oder gibt es eine gute Alternative, die von Haus aus responsive ist?
Danke.
Gruß
Chris
Diese kann da.
Also in meiner (Core) Galerie unter Contao 3.4.5 passt sich die Lightbox der Größe des Browserfensters an. Zwar nicht dann, wenn ich bei geöffneter Colorbox die Fenstergröße ändere, aber beim nächsten Anklicken eines Thumbnails dann schon. Sooo furchtbar elastisch ist ein Handy-Display ja auch wieder nicht.;)
Wie sieht es da mit der 3.4.x Kompatibilität aus? Hast du da Erfahrungen? Freigegeben ist sie ja nur bis Contao 3.3.7.Zitat:
Zitat von JMMB
nivo_lightbox gäb's auch noch:
- ER2: [nivo_lightbox]
- Packagist: fritzmg/contao-nivo-lightbox
Bisher keine Probleme, selbst in der 3.5 läuft sie super.Zitat:
Wie sieht es da mit der 3.4.x Kompatibilität aus?
Stimmt, das sollte eigentlich ausreichen. Habe es nur bei anderen Seiten teilweise gesehen, dass sich die Lightbox auch direkt anpasst. Das war glaube ich eine Fancybox oder so...Zitat:
Zitat von tab
Werde ich gleich mal ausprobieren dieses "tosrus". Colorbox macht mir leider zu oft Probleme bei HTML Dateien in der Lightbox :(.
Was für Probleme meinst du z.B.? Ich bin nämlich auch gerade dabei Contao-Seiten in einer Colorbox zu öffnen.Zitat:
Zitat von Kahmoon
Ich muss bei einem Kunden so dynamische Karten öffnen die als HTML Datei vorliegen und untereinander verlinkt sind. Colorbox öffnet die einfach nicht und ich musste dann ziemlich statisch mit Shadowbox rumbasteln. Vielleicht macht es tosrus besser. Mal probieren :)
Muss man bei tosrus noch irgendetwas beachten? Ich habe das Plugin installiert und im Seitenlayout j_tosrus angehakt, aber der link öffnet sich nun einfach direkt (ohne Lightbox).
Scheint also noch nicht zu funktionieren.
Ich habe j_colorbox abgehakt und j_tosrus aktiviert. Elemente wurden dann in der neuen Lightbox geöffnet.
Ja habe ich auch so gemacht aber es funktioniert leider nicht.
Link zur Seite?
Ich kann dir den Link gerne per PN mitteilen.
Es funktioniert wahrscheinlich deswegen nicht, weil es sich bei den Links, die du gerne in einer Lightbox (oder was auch immer) anzeigen lassen möchtest, um Webpages handelt, nicht um Bilder oder ähnliches. tosrus kenne ich nicht, kann daher auch nicht sagen ob und wie man tosrus dazu bewegt, sowas entweder per AJAX oder iframe zu laden.
Achso, ok.
Grundsätzlich würde die Colorbox ja auch gehen, nur leider weiß ich nicht, wie ich dort die Parameter für die Größe der sich zu öffnenden Lightbox übergeben kann.
Hatte dazu auch einen Thread erstellt: https://community.contao.org/de/show...-%FCbermitteln
Weißt du das eventuell? Bei der mediabox unter Contao 2.11.x konnte man die Größe einfach per (z.B. data-lightbox="xxx 1200 600") übermitteln.
Danke.
Gruß
Christoph
Dazu würde die gleiche Antwort wie hier gelten: https://community.contao.org/de/show...l=1#post376107Zitat:
Zitat von Chris87
Ja, mit der Mediabox geht das, mit der Colorbox nicht (unabhängig von der Contao Version).Zitat:
Zitat von Chris87
Brauchst du überhaupt fixe Größenangaben?
Ich habe mal dein Codebeispiel aus dem anderen Thread genommen und bei mir die Klasse "screenshot_popup" in den Link eingefügt und data-lightbox entfernt.
Dann öffnet er die Colorbox aber nur mit einem kleinen Fenster (10x10px).
http://abload.de/thumb/screen1zdoy7.pngPHP-Code:<?php
// Add the colorbox style sheet
$GLOBALS['TL_CSS'][] = 'assets/jquery/colorbox/'. $GLOBALS['TL_ASSETS']['COLORBOX'] .'/css/colorbox.min.css|static';
?>
<script src="<?= TL_ASSETS_URL ?>assets/jquery/colorbox/<?= $GLOBALS['TL_ASSETS']['COLORBOX'] ?>/js/colorbox.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$('a[data-lightbox]').map(function() {
$(this).colorbox({
// Put custom options here
loop: false,
rel: $(this).attr('data-lightbox'),
maxWidth: '95%',
maxHeight: '95%'
});
});
$('a.screenshot_popup').map(function() {
$(this).colorbox({
// Put custom options here
loop: false,
maxWidth: '95%',
maxHeight: '95%',
iframe:true
});
});
});
})(jQuery);
</script>
Wenn ich keine Änderungen vornehme bzw. die Standardeinstellungen lasse und auch data-lightbox im Link stehen habe, dann öffnet er die Lightbox nicht groß genug, um den kompletten Inhalt darzustellen bzw. man kann dann innerhalb der Lightbox scrollen, was ich nicht möchte.Zitat:
Zitat von Spooky
Siehe hier:
http://abload.de/thumb/screen228rn6.png
-----
Mit der Mediabox und der fixen Größenangaben würde es so aussehen wie es soll:
http://abload.de/thumb/screen3edrc7.png
Nur leider ist die Mediabox nicht responsive. Wobei sich das mit den fixen Größen und responsive ja auch eigentlich widerspricht, aber ich möchte halt, dass die Boxen mit der gleichen Größe geöffnet, so dass der komplette Inhalt reinpasst.
Ja, weil du keine Größe angegeben hast, sondern nur die maxWidth/Height. Siehe die Dokumentation der Colorbox: http://www.jacklmoore.com/colorbox/Zitat:
Zitat von Chris87
zB:PHP-Code:$('a.screenshot_popup').map(function() {
$(this).colorbox({
// Put custom options here
loop: false,
width: 800,
height: 600,
iframe:true
});
});
Ja, so habe ich die Frage aber nicht gemeint. Brauchst du unbedingt eine fixe Größe? Wenn nicht, kannst du ja die schon vorhin erwähnte nivo_lightbox probieren.Zitat:
Zitat von Chris87
Habe nun die Größenangaben (width und height) beim j_colorbox Template noch hinzugefügt und nun scheint es zu klappen.
Auf kleineren Auflösungen passt sich die Colorbox dann trotzdem an. Einziger Nachteil ist, dass die Buttons für vor und zurück teilweise den Inhalt überlappen aber das lässt sich ja bestimmt auch noch lösen.
Danke für deine Hilfe :)