Manipolazione di immagini senza l'utilizzo di css e di js.

ingrandire immagine

orsetto cuore

  • 1. - si inserisce la misura dell'immagine ridotta a miniatura - qui ridotta a 160 px - e con le altre due istruzioni si comanda l'apertura dell'immagine grande - in questo caso 364 x 441 px -
  • 2. - con un clik si apre l'immagine grande - onclick="this.width=364;this.height=441;"
  • 3. - con un doppio clik si richiude alla miniatura - ondblclick="this.width=160;this.height=192;".
l'unica accortezza è mantenere le proporzioni della miniatura altrimenti si distorce - ondblclick="this.width=160;this.height=192;"

il codice completo
<div align="center"> />
<img width="160" src="images/orsettoCuore.png"
onclick="this.width=364;this.height=441;"
ondblclick="this.width=160;this.height=192;" title="orsetto cuore" alt="orsetto cuore" border="0" />
</div>

cambio immagine al passaggio del mouse


  • 1. - si inserisce la prima immagine in onMouseOver="document.img.src='percorso immagine';"
  • 2. - la seconda immagine in OnMouseOut="document.img.src='percorso immagine';".


il codice completo
<div align="center"> />
<img src= "images/folletto.png" name="img"
onMouseOver="document.img.src='images/folletto.png';"
onMouseOut="document.img.src='images/LorettaB1.png';" border="0" />
</div>
I siti di MIKE, grande amico e sempre disponibile a dare un aiuto e che mi ha aiutato ad elaborare molte parti ed esempi di questo sito. Per approfondire meglio il php e anche il vba, vi consiglio di visitare i suoi siti e il nostro forum per i vostri quesiti
il VBA di Mike gli appunti di Mike il forum di Nel-Web di Loretta B.
copyright©2013 Loretta B.