Agregar enlace a codigo

Luis Martin Seguir
Seguidores
12

1
Lambda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
22 Sep 2013
Mensajes
2.804
Hola a todos, estoy intentado hacer lo siguiente: en una entrada poner una imagen la cual al pasar 3 segundos cambie por otra la cual quede permanente y tenga un enlace, es decir:

Imagen1 - 3 seg
Imagen2 - Permanente con enlace

Accion: Mostrar "Imagen1" por 3 segundo y luego cambiar por "Imagen2" que se quedara permanentemente con el enlace.

Este es el codigo que llevo, pero me falta ponerle el "href" a la segunda imagen, pero no se donde colocarlo:

Insertar CODE, HTML o PHP:
<img id="img" src="imagen1" />
 
<script>
setTimeout(function()
{
	document.getElementById('img').src = 'imagen2';
}, 3000);
</script>

¿Me podrian ayudar?
 

lombervid

Zeta
Verificación en dos pasos activada
Desde
29 Abr 2011
Mensajes
1.509
Por qué no mejor cambias todo el contenido?, algo como:
HTML:
<div id="cont">
	<img src="http://imagen.com/image.jpg" alt="">
</div>

Y lo cambias:
HTML:
<script>
	var imagen = '<a href="http://link.com"><img src="http://imagen.com/image2.jpg" alt=""></a>';
	setTimeout(function()
	{
		document.getElementById('cont').innerHTML = imagen;
	}, 3000);
</script>

Saludos.
 
Última edición:

Luis Martin

1
Lambda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
22 Sep 2013
Mensajes
2.804
Por qué no mejor cambias todo el contenido?, algo como:
HTML:
<div id="cont">
	<img src="http://imagen.com/image.jpg" alt="">
</div>

Y lo cambias:
HTML:
<script>
	var imagen = '<a rel="nofollow" href="http://link.com"><img src="http://imagen.com/image2.jpg" alt=""></a>';
	setTimeout(function()
	{
		document.getElementById('cont').innerHTML = imagen;
	}, 3000);
</script>

Saludos.

Me funciono, muchas gracias.
 
Arriba