immagini con un click

[ferri]

salve a tutti , dopo aver creato un bottone come faccio affinchè cliccando su di lui , nella stessa pagina mi venga mostrata una immagine?
Penso che devo dare vita al bottone con l'evento onclick ma come gli dico di prendere un immagine e mostrarmela nella stessa pagina?
grazie

 

[marco_rx]

Inserisci l'immagine nella pagina, gli assegni un id per poi poterla mostrare con javascript e la nascondi con il css (display: none); ad esempio:

<img src="link_immagine" id="image" style="display: none" />

Poi nel bottone con javascript "trovi" l'immagine grazie all'id e le cambi la proprietà display in block, in questo modo verrà visualizzata:

<input type="button" value="clikka" onclick="document.getElementById('image').style.display='block'" />

 

[ferri]

altro problemino

Grazie per la tua utilissima risposta.
Ho un altro problema io vorrei mettere una immagine con <img src="1.bmp" id="image" style="display: none" />ma nel momento del click sul pulsante questa immagine deve essere sostituita , nello stesso punto, con un altra immagine di uguale dimensione.
Come faccio? perchè facendo delle prove le immagini mi vengono una sotto l'altra nel senso orizzontale e non una che copre l'altra.
grazie

 

[marco_rx]

Con lo stesso metodo di prima puoi inserire 2 immagini: 1 visibile con display block e l'altra nascosta con display none. Per effettuare la sostituzione ti basterebbe invertire i valori display delle 2 immagini in modo da nascondere quella visibile e mostrare quella nascosta.