Bild vergrößern (freier Code)

HomeJavaScript BeispieleBild vergrößern (freier Code)

JavaScript Beispiel: Bild vergrößern / verkleinern

Beispiel: Beim Laden der Webseite wird ein Bild zuerst klein angezeigt und kann dann durch “Klicken” auf seine Originalgröße vergrößert werden. Im dargestelltem Beispiel haben wor das Szenario einmal umgedreht. Das Bild wird durch klicken verkleinert.

Dies ist nur eine Möglichkeit der Darstellung mit JavaScript. Für eleganterer Varianten fragen Sie uns einfach nach Ihreren Wünschen. Folgender Code muss kopiert und angepasst werden: 


<html>
<head>
script language="javascript">
<!--
var AngezeigteBreite = 320;
var GespeicherteBreite = 0;
function BildAnpassen(Bild)
{
if (Bild.width > AngezeigteBreite || GespeicherteBreite > AngezeigteBreite)
{
if (Bild.width == AngezeigteBreite)
{
Bild.width = GespeicherteBreite;
}
else
{
GespeicherteBreite = Bild.width;
Bild.style.cursor = "pointer";
Bild.width = AngezeigteBreite;
}
}
}
//-->
</script>
<title>Bild durch Anklicken vergrößern oder verkleinern</title>
</head>
<body>
<img onClick="BildAnpassen(this)" onLoad="BildAnpassen(this)" src="javascriptbild.jpg" title="Zum Vergrößern/Verkleinern anklicken">
</body>
<html>