Problemi con codice JS

Ho problemi con codice che deve visualizzare l'image all'interno di un frame 300x300px. Inoltre, è necessario disporre di una capacità di ingrandire e ridurre l'image all'interno del fotogramma premendo i tasti + e – sulla tastiera. Sono un utente mac, quindi forse i codici chiave per + & – non sono corretti o ho chiesto il path sbagliato all'image (nella stessa cartella del file di script). Per favore, aiuto e grazie per aver guardato! Forse c'è un metodo più elegante per fare questo task …

<html> <head> <script type="text/javascript"> var speed = 4; function showImage (src) { var div = document.createElement ("div"); with (div.style) { width = "300px"; heigth = "300px"; border = "2px solid black"; textAlign = "center"; overflow = "hidden"; } document.body.appendChild(div); img = document.createElement ("img"); img.src = src; img.width = 300; img.height = 300; div.appendChild (img); } function keyDown (key); { var k = 0; if (key == 107 ) k = speed; if (key == 109 ) k = -speed; if (k != 0 ) { img.width = img.width + k; img.height = img.height + k; img.style.margin = ((300 - img.height) / 2).toString() + "px"; } } </script> </head> <body onkeydown="keyDown (event.keyCode)" onload="showImage ('image.jpg')"> </body> </html> 

Utilizza la tua console per eseguire il debug di Javascript. È il tasto F12 su Firefox e Chrome, per Safari seguire queste istruzioni.

L'image non si carica perché si dispone di una linea di errore di syntax 23, a ; alla fine della definizione della function keyDown

Infine ho capito appieno che cosa è il problema: i codici chiave 107 (per lo zoom +) e 109 (per zoom -) sono per la tastiera delle windows. Quindi trovo informazioni sui codici di questi tasti per Mac (61 per zoom + & 173 per zoom) – e spero di get quello che voglio.

Realizzazione