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).
PHP-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>
Zitat von
Spooky
Ja, mit der Mediabox geht das, mit der Colorbox nicht (unabhängig von der Contao Version).
Brauchst du überhaupt fixe Größenangaben?
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.
Siehe hier:
-----
Mit der Mediabox und der fixen Größenangaben würde es so aussehen wie es soll:
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.
Colorbox repsonsive machen oder Alternativen?
Zitieren
.
Lesezeichen