title image


Smiley Re: dynamische Grafikanpassung
Hi,



für die dynamische Anpassung von Bildern an die Bildschirmauflösung eignet sich am besten JavaScript, d.h. diejenigen die JavaScript deaktiviert haben, bekommen nicht angepasste Grafiken.



Um nun diese browser-unabhängige JavaScript-Anpassung zu realisieren, habe ich eine kurze Anleitung für Dich, die als Anregung dienen soll:



- Ergebnis wird sein, dass alle Bilder optimal an eine Bildschirmauflösung von 640x480 - 1280x1024 angepasst werden



- HTML-technisch solltest Du alle Bilder für eine Auflösung von 640x480 optimieren



- Javascript-technisch gibt's dann folgende Dinge zu erledigen:



- Array graifken erstellen, welcher alle IDs der Grafiken beinhaltet



- Funktion "anpassung()" erstellen, die folgende Aktionen ausführt:



- Auflösung des Benutzers ermitteln (screen.height + screen.width)

- Faktor, mit dem die Ausmaße der Grafiken múltipliziert werden sollen, berechnen (xFactor = 640 / screen.width; yFactor = 480 / screen.height)

- Schleife erstellen, welche das Array der Grafik-IDs durchläuft und jedesmal für die HTML-Grafik i die Breite und Höhe durch browser-unabhängigen Zugriff, z.B.:



...



var obj;



if(document.all)

{

obj = document.all(grafiken[i]);

}

else if(document.layers)

{

obj = document[grafiken[i]];

}

else

{

obj = document.getElementById(grafiken[i]);

}



obj.width = obj.width * xFaktor;

obj.height = obj.height * yFaktor;





anpasst (Du kannst natürlich auch eine genauere Browsererkennung einbringen).



- So nun kannst Du in body onLoad bzw. onResize den Aufruf von anpassung() festlegen.



MfG Murdoch!



aktuelle Winamp Playlist                Hörgewohnheiten (Last.fm)



geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: