Hallo,
ich habe dieses script:
Code
<script>
$('img[data-enlargable]').addClass('img-enlargable').click(function () {
var src = $(this).attr('src');
$('<div>').css({
background: 'RGBA(0,0,0,.5) url(' + src + ') no-repeat center',
backgroundSize: 'contain',
width: '100%', height: '100%',
position: 'fixed',
zIndex: '10000',
top: '0', left: '0',
cursor: 'zoom-out'
}).click(function () {
$(this).remove();
}).appendTo('body');
});
</script>
Alles anzeigen
es vergrößert die Bilder der Webseite und funktioniert sehr gut. Aber aus irgendeinem Grund werden Querformat-Bilder korrekt dargestellt (mit weissem Rand) und Hochformat-Bilder werden oben und unten am Bildschirm abgeschnitten...
Könnte mir jemand vielleicht helfen. Das wäre sehr nett. Falls das Thema hier bereits besprochen wurde schiebt mich einfach in den thread...thx im voraus
DAN
hier ist übrigens der Link zur Seite, wo man das Problem gut sehen kann.