Dieses Script verändert die größe von divs, Bildern etc. Um dieses Script einsetzen zu können, braucht man die Datei "resizer.js".
Dies bindet man dann wie folgt ein:
in den header
<script type="text/javascript" langauge="javascript" src="resizer.js"></script>Um nun die Funktion anzuwenden, muss resize() aufgerufen werden. So zum Beispiel:
<input type="button" value="klick mich!" onclick="resize('box1', 210, 500, 130, 360, 'big', 4);">hier die erleuterung:
-------v ID----------------------v Richtung
resize('box1', 210, 500, 130, 360, 'big', 4);"
-------------^^größenwerte^^------^ geschwindigkeit
Die Größenwerte werden wie folgt angeordnet:
1.: startgröße der breite
2.: zielgröße der breite
3.: startgröße der höhe
4.: zielgröße der höhe
Für das Großziehen verwndet man als Richtung "big" und zum Kleinmachen "small". Denkt an das Singlequoting im " ".
die Übergebenen werte können auch variablen sein.
hier ein Demo-Link.
Viel Spass, ich hoffe dieses Script ist hilfreich.
Ich bitte um Feedback.