Das müsste doch egal sein. Du solltest die Bilder im BE in der Galerie einfach auswählen. Ok, wenn du ein Bild mit einer Höhe von 2000px auswählst und die Höhe der Reihen auf 150px stellst macht dies natürlich keinen Sinn.
Du brauchst dazu kein angepasstes Galerie-Template, nur ein js_-Template. Da das ja sowieso mit JS läuft, kannst du alle benötigten Attribute usw. direkt mit JS aufsetzen, bevor du flex-images instanziierst.
Beispiel von meiner Spielwiese:
PHP-Code:
<!-- js_fleximages.html5 -->
<?php
// Add the fleximages style sheet
$GLOBALS['TL_HEAD'][] = '<link rel="stylesheet" href="files/jQuery-flexImages-master/jquery.flex-images.css">';
// Add some user style sheet
$GLOBALS['TL_HEAD'][] = '<style>
html {
overflow-y: scroll;
}
.fleximages li {
opacity: 0;
transition: opacity .2s ease .2s;
}
/** reset for Contao demo */
.ce_gallery > ul li.col_first {
clear: none;
}
#container .fleximages .item img {
padding: 0;
border: 0 none;
display: block;
}
</style>';
?>
<script src="files/jQuery-flexImages-master/jquery.flex-images.js"></script>
<script>
var
galleryClass = 'fleximages', // the class for your gallery
rowHeight = 200, // the max row height
galleries = $('.' + galleryClass + ' > ul')
;
for(var i = 0, j = galleries.length; i < j; i++) {
galleries.eq(i).addClass('flex-images');
var galImages = galleries.eq(i).find('img');
for(var m = 0, n = galImages.length; m < n; m++) {
galImages.eq(m).closest('li').attr({
'data-w': galImages.eq(m).attr('width'),
'data-h': galImages.eq(m).attr('height')
}).addClass('item');
}
}
galleries.flexImages({
container: 'li',
rowHeight: rowHeight
});
// if you want to fade in after flex-images has finished
galleries.find('li').css('opacity', 1);
</script>
Keine Ahnung, wie du da so einen Fehler rein bekommen hast.
Lesezeichen