Hallo Leute,
Ich bin ganz schön am Verzweifeln.
Mein problem: ich möchte verschiedene Bilder in einer Galerie beim Anklicken auf die Bildschirmgrösse skalieren.
Die Bilder liegen sowohl im Hoch als auch Querformat vor.
Ausgabe soll auf mobile Geräte optimiert sein.
Ist das Handy hochkant, ist alles kein Problem. Mit zum Beispiel width: 90%;
Werdsn beide Bildtypen korrekt bedient.
Wird allerdings gedreht (Querformat) klappt nix. Ich denke, als Orientierung muss mit height als Skaliergröße gearbeitet werden. Aber das klappt nicht.
Ich hab über Java Script die Bildauflösung abgefragt und kann bei dem Bild über if else individuell den css code manipulieren (je nach Seitenverhältnis)
Hier ein Code Beispiel :
if ( aspectvalue < 0 ) {
bigpicaspect2.innerHTML = " Hochformat" ;
document.getElementById('bigpic' ).style.cssText ="width:85%; height:auto; ";
} else {
bigpicaspect2.innerHTML = " Querformat" ;
document.getElementById('bigpic' ).style.cssText ="width:auto; height:85% ";
}
Wo ist der Denkfehler?