cambio di immagine...una sola volta!

**@lex!** · 16-01-2007, 18:29

Ciao a tutti!
Devo realizzare una semplice animazione (ahimè niente flash!) per simulare un "gratta&vinci".
Semplice javascript per cambio di immagine:
ho una jpg. Al click carica una gif animata.

codice:

<head>
<SCRIPT language="JavaScript">
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
</SCRIPT>
</head>

<body>
[img]gratta_su.jpg[/img] 
</body>
</html>

PROBLEMA (ovvio sennò che scrivevo affà???

):

se si riclicca sull'immagine, è come se ricaricasse di nuovo la gif animata e NON DEVE!
Per farvi capire, vi do l'URL.

QUI LA MIA PROVA

Qualcuno ha qualche idea? Sono un neofita del javascript...

Grazie in anticipo a tutti!

**@lex!** · 17-01-2007, 10:48

Up please!

**pierofix** · 17-01-2007, 13:20

Un esempio.

codice:

XHTML

[img]gratta_su.jpg[/img]


XHTML + Javascript (da inserire nella head)

<script type="text/javascript">
   window.onload = function()
   {
      var immagine = document.getElementById('biglietto')
      immagine.onclick = function()
      {
         this.setAttribute('src', 'gratta_giu.gif')
         this.onclick = function()
         {
            return false
         }
      }
   }
</script>

Ci sarebbero un bel po' di considerazioni da fare in termini di accessibilità per migliorare il meccanismo, se ti interessa.

**@lex!** · 17-01-2007, 13:47

Ciao Pierofix!

Anzitutto grazie 1000 per l'aiuto! E certo che mi interessano altre considerazioni in merito!
La cosa più semplice ed efficace è, meglio è!

Dimmi dimmi...

Grazie ancora!

Discussione: cambio di immagine...una sola volta!

Strumenti discussione

Ricerca discussione

Visualizza

cambio di immagine...una sola volta!

Permessi di invio