Bildgröße verändern

Bei einem Klick auf das Bild könnt ihr ganz einfach die Bildgröße ändern, indem ihr die Maus bewegt. Bei einem weiteren Klick wird die Größe fixiert.

Der Link "Größe des Bildes" verrät dann die aktuelle Größe in Pixeln.

Eingeschickt wurde dieses Script von unserem User Hoff.

Ändern könnt ihr das Bild einfach im HTML-Tag img, ganz unten im Code.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var stat = "no"; function ok(){ if(stat=="no"){ stat = "yes"; } else{ stat = "no"; } } function ander(posi){ if(stat=="yes"){ var myimg = document.getElementById('img_bildgroesse'); if (posi) { myimg.width = posi.pageX; myimg.height = posi.pageY; } else { myimg.width = window.event.offsetX myimg.height = window.event.offsetY; } } } function getGroesse() { var myimg = document.getElementById('img_bildgroesse'); alert(myimg.width + 'X' + myimg.height); } //--> </script> <img src="meinbild.jpg" width="100" height="75" id="img_bildgroesse" onclick="ok()" /><br /> <a href="javascript:getGroesse();">Größe des Bildes</a> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/bilder/bildgroesse-veraendern/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">document.onmousemove=ander;</script> <!-- präsentiert von kostenlose-javascripts.de -->