diedVIPs

html knowhow

Bild mit Mausrad vergrößern















Bild mit Mausrad vergrößern

Mit dem Befehl
So sieht´s aus


Quellcode
<html>
<head>
<script>
var max = 1;
var mor = 1;
function zoom(event) {
event.preventDefault();
var wert = Math.floor(event.deltaY);
// Verringern
if (wert < 0) {
mor -= 1;
if (mor < 0) {
mor = 9;
max--;
}
}
// Erhöhen
if (wert > 0) {
mor += 1;
if (mor > 9) {
mor = 0;
max++;
}
}
if (max <= 0) {
max = 1;
mor = 0;
}
document.getElementById("bild").style.transform="scale(" + max + "." + mor + ", " + max + "." + mor + ")";
}
</script>

<style type="text/css">
img#bild {display: Block;margin: Auto;width: 444px;cursor: n-resize;}
</style>
</head>

<body>
<img src="../Bilder/life.jpg" id="bild" onwheel="zoom(event)" />
</body>
</html>







Kontakt    Datenschutz   Impressum