hafs31
Usuario Novato
Usuario Novato

Buenos dias... bien antes que nada.... les agradesco de antemano toda la ayuda que me puedan proporcionar!

Sin mas.... lo que necesito es:

Al siguiente codigo que les adjunto... tengo que añadirle un texto con el contenido de cada imagen que se muestra a cada intervalo de 3 segundos.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <script language="javascript">

var imagenes=new Array()

imagenes[0]=new Image (770,130);

imagenes[0].src="imagenes/fotoDerecho.jpg"

imagenes[1]=new Image (770,130);

imagenes[1].src="imagenes/fotoEconomicas.jpg"

imagenes[2]=new Image (770,130);

imagenes[2].src="imagenes/fotoEducacion.jpg"

imagenes[3]=new Image (770,130);

 imagenes[3].src="imagenes/fotoFilologia.jpg"

imagenes[4]=new Image (770,130);

imagenes[4].src="imagenes/fotoFilosofia.jpg"

imagenes[5]=new Image (770,130);

imagenes[5].src="imagenes/fotoGeografiaHistoria.jpg"

imagenes[6]=new Image (770,130);

imagenes[6].src="imagenes/fotoIndustriales130.jpg"

 imagenes[7]=new Image (770,130);

imagenes[7].src="imagenes/fotoInformatica.jpg"

imagenes[8]=new Image (770,130);

 imagenes[8].src="imagenes/fotoPsicologia.jpg"

 cont=0

function fotoCamb() {

if (document.all){

document.getElementById('foto').filters.blendTrans.apply()

document.getElementById('foto').src=imagenes[cont].src

document.getElementById('foto').filters.blendTrans.play()

 }

 else  

 {  

 document.images.foto.src = imagenes[cont].src  

 }

if (cont < imagenes.length-1)

 {cont ++}

else

{cont=0}

tiempo=window.setTimeout('fotoCamb()',3000) }

</script>

</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="fotoCamb()"> <img id="foto" src="imagenes/fotoCiencias.jpg" style="filter:blendTrans(duration=[b]3[/b])" />

</body>

</html>

Avatar Image
@man / @woman
@man / @woman

¿Donde esta la urgencia?

Avatar Image
Usuario Novato
Usuario Novato

Optimiza tu script, usa bucles, matrices, ahorra código...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
 var ciencias = {
    carpeta : "imagenes/",
    imagenes : ["fotoDerecho","fotoEconomicas","fotoEducacion","fotoFilologia", "fotoFilosofia",
        "fotoGeografiaHistoria","fotoIndustriales130","fotoInformatica","fotoPsicologia"],
    textos : [
        "Foto derecho...","fotoEconomicas...","fotoEducacion...","fotoFilologia...","fotoFilosofia...",
        "fotoGeografiaHistoria...","fotoIndustriales130...","fotoInformatica...","fotoPsicologia"],
    extension: ".jpg"
}
 var i = 0, nombre, imagen = new Image()
while(nombre = ciencias.imagenes[i++]) imagen.src = ciencias.carpeta + nombre + ciencias.extension

 var contador = 0

 function fotoCamb(){
    if(contador >= ciencias.imagenes.length) contador = 0    
    document.getElementById("foto").src = ciencias.carpeta + ciencias.imagenes[contador] + ciencias.extension
    document.getElementById("fototexto").innerHTML = ciencias.textos[contador++]
    setTimeout('fotoCamb()',3000) 
}

 window.onload = function(){
    setTimeout('fotoCamb()',3000)
}

</script>
 <style>
    #ciencias {position:relative; width:770px; height: 130px}
    fototexto {position:absolute; bottom:0; left:0; background:rgba(0,0,0,.5); color:#fff; width:100%}
</style>
 </head>
 <body>
    <div id="ciencias">
        <img id="foto" src="imagenes/fotoCiencias.jpg" width="770" height="130" />
        <div id="fototexto">Ciencias...</div>
    </div>
</body>
 </html>
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
TemaUsuariosRespuestasVisitasActividad
Por: , el 27/May/2010, 04:03
cmorenocortes02kMay/10
Por: , el 15/Jul/2005, 08:21
uriel_mn Jallander kn1f3eg32kJul/05
Por: , el 17/May/2005, 15:25
libreparaque Jallander13kMay/05
Por: , el 16/Feb/2005, 20:21
Gema_1902 User 2831856kFeb/05
Por: , el 16/Sep/2004, 18:47
MoysexJcl deckerix User 2831822kSep/04