Zoom immagine con click mouse

**furly** · 25-08-2014, 16:31

Buongiorno.
Sto vedendo come effettuare uno zoom di una immagine cliccando su di essa.
Ho recuperato diverse soluzioni dalla rete. La migliore è la seguente:

codice:

<img align="left" width="130" style="cursor: -moz-zoom-in;"
src="./img/immagine.jpg"
onclick="this.width=700;"
ondblclick="this.width=130;" alt="" />

Ho due problemi che vorrei risolvere:
- l'immagine si ingrandisce al click del mouse e "ritorna" al doppio click. Si può impostare in modo che ritorni al singolo click? Ho sostituito ondbclick con onclick ma non funzia.
- L'immagine viene zoommata partendo dall'angolo alto-sinistro. E' possibile impostare il tutto in modo che l'ingrandimento sia centrato nella finestra del browser?

Grazie.

**Prill** · 25-08-2014, 19:44

Una cosa così?

codice:

<style type="text/css">
<!--
.normal {
    display:block;
    float:left;
    width:130px;
    cursor: zoom-in;
}
.zoom {
    display:block;
    float:none;
    width:700px;
    margin:0 auto;
    cursor:zoom-out;
}
-->
</style>



</head>

<body>
<script type="text/javascript">
var flag = true;
function zoom() {
    if(flag) {
        document.getElementById("myImg").className += " zoom";
    } else {
        document.getElementById("myImg").className = " normal";
    }
    (flag)?flag=false:flag=true;
} 
</script>

<img id="myImg" class="normal" src="immagine.jpg"
onclick="zoom()" alt="" />

ma è più domanda da area javascript

**furly** · 25-08-2014, 20:17

Domani provo.
Volevo però non utilizzare javascript...

**Prill** · 25-08-2014, 20:27

Originariamente inviata da furly

Domani provo.
Volevo però non utilizzare javascript...

già lo stavi usando, con onclick e ondblclick

**furly** · 25-08-2014, 20:39

Ustia, non lo sapevo. Pensavo che senza javascript ecc non ci fosse java...

Discussione: Zoom immagine con click mouse

Strumenti discussione

Ricerca discussione

Visualizza

Zoom immagine con click mouse

Permessi di invio