nordi
Erfahrenes Mitglied
Hallo liebes Forum,
ich habe eine Javaskriptfunktion, die Bilder an die Bildschirmauflösung anpasst und davor die Bilder vorlädt. Dies klappt in allen gängigen Browsern, jedoch nicht in Opera (11.60/MacOS). Eventuell habe ich einen Fehler, den ich nicht finden kann. Wäre für jeden Tipp dankbar.
CSS ist folgender:
Vielen Dank!!
ich habe eine Javaskriptfunktion, die Bilder an die Bildschirmauflösung anpasst und davor die Bilder vorlädt. Dies klappt in allen gängigen Browsern, jedoch nicht in Opera (11.60/MacOS). Eventuell habe ich einen Fehler, den ich nicht finden kann. Wäre für jeden Tipp dankbar.
Code:
// BILDER VORLADEN
var
loader = "<img src=\"img/loader.gif\" class=\"load\" alt=\"Bild wird geladen\" />";
$(document).ready(function() {
$('.anpassen').hide();
$('#inhalt').append(loader);
$(window).load( function() {
$('.load').hide();
$('.anpassen').fadeIn('slow');
});
});
// BILD AN BILDSCHIRM ANPASSEN
$(window).load(function() {
var
top = $('#top'),
img = $('.anpassen');
$(this).resize(function() {
top.css('width', img.width());
}).resize();
});
CSS ist folgender:
Code:
#top {
height:70px;
margin:auto;
margin-top:20px;
}
.anpassen {
max-width: 100%;
max-height:100%;
}
Vielen Dank!!