Bildgröße per Klick ändern

Per Mausklick wird das Bild vergrößert, mit einem Klick auf den unteren Link wird das Bild in die ursprüngliche Größe gebracht.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- var imgsrc="imageresize.gif"; var size="small"; var x=13, y=11; // ab hier nichts mehr ändern var test = 1; var i=0, newx=x, newy=y; proz = newx/x*100; document.write("<div id='reset' style='position:relative;left:100px;top:20px;'>"); document.write("<a href='javascript:resetSize("+x+","+y+")'>auf Originalgrösse zurücksetzen</a>"); document.write("</div><br />"); function resetSize(x,y) { document.getElementById('diamond').innerHTML="<a href='javascript:changeSize("+x+","+y+")'><img src='"+imgsrc+"' width='"+x+"' height='"+y+"' border='0'></a>" i=0; } function changeSize(x,y) { i++; newx = x+i; newy = y+i; document.getElementById('diamond').innerHTML="<a href='javascript:changeSize("+newx+","+newy+")'><img src='"+imgsrc+"' width='"+(newx)+"' height='"+(newy)+"' border='0'></a>" } document.write("<div id='diamond' style='position:relative;left:200px;top:10px;'>"); document.write("<a href='javascript:changeSize("+newx+","+newy+")'>"); document.write('<img src="'+imgsrc+'" width="'+newx+'" height="'+newy+'" border="0">'); document.write("</a></div><br />"); //--> </script> <!-- präsentiert von kostenlose-javascripts.de --><br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/bilder/bildgroesse-per-klick-aendern/" target="_blank">kostenlose-javascripts.de</a> <br />