far apparire un immagine con un click

[fedemarkez]

sono alla ricerca di un javascript che mi consenta di far questo:

mettere sul mio sito una frase del tipo "mostra immagine"
Cliccandoci, sotto la scritta dovrebbe apparire un immagine.


questo xke ho un immagine un po "pesante" in termini di KB e in qst modo fare i decidere all utente se scaricare l'immagine o no

[fedemarkez]

non esiste niente di simile?

[pierofix]

Diciamo che in linea di principio non è un procedimento corretto. Cosa succederebbe infatti in caso di javascript disabilitato? L'immagine non verrebbe caricata. Ergo, perdita di informazioni.

Si potrebbe tuttavia procedere in altro modo: fare in modo che, in caso di js non funzionante, quel bottone funga da link all'immagine in questione. Ad esempio:

XHTML

<div id="box_immagine">
   Visualizza immagine
</div>


Javascript

window.onload = function()
{
   var box_immagine = document.getElementById('box_immagine')
   var pulsante = document.getElementById('pulsante')
   var url_immagine = pulsante.getAttribute('href')

   function visualizza_immagine()
   {
      var immagine = document.createElement('img')
      immagine.setAttribute('src', url_immagine)
      box_immagine.appendChild(immagine)
   }

   pulsante.onclick = function()
   {
      visualizza_immagine()
      return false
   } 
}