Dreamweaver imágenes y textos
Hola, tengo una duda, necesito saber como hacer un carrusel de imágenes que valla cambiado y que cada imagen tenga su respectivo texto el cual cambie junto con su imagen, no manejo mucho javascript pero logre hacer cambiar las imágenes con el siguiente código:
var lista = new Array('images/campeones.jpg', 'images/belgranito.jpg', 'images/crespomutual.jpg' , '4.jpg');
var contador = 0;
var tiempo = 0;
var tempor = null;
function cambio(sen)
{
contador+= sen;
if (contador ==lista.length)
contador = lista.length-1;
else
if (contador < 0) contador = 0;
document.images.centro.src = lista[contador]
window.status="Imagen número "+contador
}
function reset()
{
contador = 0;
fin = false;
document.images.centro.src = lista[0]
}
function automat(seg)
{
tiempo = parseInt(seg);
reset();
window.status="Pase automático";
if (isNaN(tiempo) || tiempo <= 0)
alert("Error en el tiempo")
else
tempor = setTimeout("pasar()", tiempo)
}
function parar()
{
clearTimeout(tempor);
}
function pasar()
{
cambio(1);
if (contador < lista.length-1)
tempor = setTimeout("pasar()", tiempo)
}
Ahora me falta introducir el texto, algo como lo que esta en el principio de esta web http://www.sanlorenzo.com.ar/, no se si podría modificar algo en el código que ya tengo, espero una respuesta y muchas gracias, mi dirección de correo es [email protected], SALUDOS
var lista = new Array('images/campeones.jpg', 'images/belgranito.jpg', 'images/crespomutual.jpg' , '4.jpg');
var contador = 0;
var tiempo = 0;
var tempor = null;
function cambio(sen)
{
contador+= sen;
if (contador ==lista.length)
contador = lista.length-1;
else
if (contador < 0) contador = 0;
document.images.centro.src = lista[contador]
window.status="Imagen número "+contador
}
function reset()
{
contador = 0;
fin = false;
document.images.centro.src = lista[0]
}
function automat(seg)
{
tiempo = parseInt(seg);
reset();
window.status="Pase automático";
if (isNaN(tiempo) || tiempo <= 0)
alert("Error en el tiempo")
else
tempor = setTimeout("pasar()", tiempo)
}
function parar()
{
clearTimeout(tempor);
}
function pasar()
{
cambio(1);
if (contador < lista.length-1)
tempor = setTimeout("pasar()", tiempo)
}
Ahora me falta introducir el texto, algo como lo que esta en el principio de esta web http://www.sanlorenzo.com.ar/, no se si podría modificar algo en el código que ya tengo, espero una respuesta y muchas gracias, mi dirección de correo es [email protected], SALUDOS
1 respuesta
Respuesta de Jorge Vila
1