Sustituir un boton por un banner al clicar en el primero

[masterojitos]

Un ejemplo lo mas sencillo posible

Código HTML:

......
<img src="imagen.jpg" id="imagen" onclick="this.style.display='none';document.getElementById('contenido').style.display='block';" />
......
<div id="contenido" style="display: none">
banners de imagenes en jquery.
</div>
......
 

Ya que podria ser tambien con jquery de una forma mas elegante:

Código Javascript:

......
<img src="imagen.jpg" id="imagen" />
......
<div id="contenido" style="display: none">
banners de imagenes en jquery.
</div>
......
<script type="text/javascript">
$(window).load(function(){
    $("#imagen").click(function(){
        $(this).fadeOut();
        $("#contenido").fadeIn();
    });
});
</jscript>
 

Nota. siempre es recomendable poner los estilos en una hoja de estilos y los script en una hoja de javascript.

Y de otras muchas maneras... espero te sirva de algo

Suerte