Cambiar imagenes dentro de la misma web

soloandroid · #1 (**permalink**) 07/06/2014, 02:04

Hola, seguro que la solucion es muy facil pero no logo saberla.

Se podria hacer que al presionar un boton saliera una imagen ? si pulsamos otro boton saliera otra ? pero dentro de la misma pagina ?

Yo esto se hacerlo, pero una imagen = 1 web nueva.

Pero,podria hacerse todo sin salirnos de la web ? gracias

PHPeros · #2 (**permalink**) 07/06/2014, 07:29

Dinámicamente, usando JavaScript...

jeancarsas · #3 (**permalink**) 12/06/2014, 20:10

Algo asi?

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
    function reemplazador () {
        // reemplzador ...
    document.getElementById("texto") . innerHTML = '<img src="http://www.nocturnar.com/imagenes/cara-triste/emoticon-triste-de-archivo-vectorial_18-9938.jpg" />';
    }
</script>
 
 
</head>
 
<body>
 
<button type="button"  onclick="reemplazador()" >Hazme Clic!!</button>
<p id="texto"><img src="http://www.ecbloguer.com/alimentandoaisabel/wp-content/uploads/2011/06/800px-Smiley_svg.png" /></p>
 
</body>
 
</html>