Foros del Web » Programando para Internet » Javascript »

Ayuda con imagenes por favor, URGENTEEE!!!

Estas en el tema de Ayuda con imagenes por favor, URGENTEEE!!! en el foro de Javascript en Foros del Web. Hola a todos!!!! Éste es mi problema: Encontré en la página un ejemplo javascript el cual hace un efecto Slideshow de imágenes, el problema es ...
  #1 (permalink)  
Antiguo 11/09/2006, 19:54
 
Fecha de Ingreso: agosto-2006
Mensajes: 5
Antigüedad: 17 años, 8 meses
Puntos: 0
Ayuda con imagenes por favor, URGENTEEE!!!

Hola a todos!!!!

Éste es mi problema:

Encontré en la página un ejemplo javascript el cual hace un efecto Slideshow de imágenes, el problema es que solo cuando le doy clic a la imagen empieza a hacer el efecto, no habrá alguna manera de que se haga automáticamente cuando cargo la página sin necesidad de darle clic a la imagen como anteriormente dije, por favor ayuda con ésto...

Acá está el codigo PERTENECIENTE a la página:

<html>
<head>
<title>Presentación de Imágenes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
/************************************************** ***************************
Presentación de Imágenes (SlideShow) por Tunait!
Actualizado el 28/12/2003
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.


************************************************** ****************************/
var segundos = 2 //cada cuantos segundos cambia la imagen
var dire = "fotos" //directorio o ruta donde están las imágenes

var imagenes=new Array()
imagenes[0]="tibidabo.jpg"
imagenes[1]="gato.jpg"
imagenes[2]="paloma.jpg"
imagenes[3]="alenanene.jpg"

if(dire != "" && dire.charAt(dire.length-1) != "/")
{dire = dire + "/"}

var preImagenes = new Array()
for (pre = 0; pre < imagenes.length; pre++){
preImagenes[pre] = new Image()
preImagenes[pre].src = dire + imagenes[pre]
}
cont=0
function presImagen(){
document.foto.src= dire + imagenes[cont]
subeOpacidad()
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('bajaOpacidad()',segundos *1000)
}
var iex = navigator.appName=="Microsoft Internet Explorer" ? true : false;
var fi = iex?'filters.alpha.opacity':'style.MozOpacity'
var opa = iex ? 100 : 1;
function bajaOpacidad(){
eval(opa)
if(opa >= 0){
cambia()
opa -= iex?10:0.1;
setTimeout('bajaOpacidad()',10)
}
else{presImagen()}
}

function subeOpacidad(){
opaci = iex?100:1;
if(opa <= opaci){
cambia()
opa += iex?10: 0.1;
setTimeout('subeOpacidad()',10)
}
}
function cambia(){
eval('document.foto.' + fi + ' = opa')
}
var tiempo
function inicio(){
clearTimeout(tiempo)
bajaOpacidad()
}

</script>
<style type="text/css">
#foto {
filter: alpha(opacity=100)
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" marginwidth="0" >
<div align="center"><img src="fotos/alenanene.jpg" name="foto" id="foto" onclick="inicio()">
</div>
</body>
</html>
  #2 (permalink)  
Antiguo 11/09/2006, 21:29
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 18 años
Puntos: 2135
Código HTML:
<html>
<head>
<title>Presentación de Imágenes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
/************************************************** ***************************
Presentación de Imágenes (SlideShow) por Tunait!
Actualizado el 28/12/2003
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.


************************************************** ****************************/
var segundos = 2 //cada cuantos segundos cambia la imagen
var dire = "fotos" //directorio o ruta donde están las imágenes

var imagenes=new Array()
imagenes[0]="tibidabo.jpg"
imagenes[1]="gato.jpg"
imagenes[2]="paloma.jpg"
imagenes[3]="alenanene.jpg"

if(dire != "" && dire.charAt(dire.length-1) != "/")
{dire = dire + "/"}

var preImagenes = new Array()
for (pre = 0; pre < imagenes.length; pre++){
preImagenes[pre] = new Image()
preImagenes[pre].src = dire + imagenes[pre]
}
cont=0
function presImagen(){
document.foto.src= dire + imagenes[cont]
subeOpacidad()
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('bajaOpacidad()',segundos *1000)
}
var iex = navigator.appName=="Microsoft Internet Explorer" ? true : false;
var fi = iex?'filters.alpha.opacity':'style.MozOpacity'
var opa = iex ? 100 : 1;
function bajaOpacidad(){
eval(opa)
if(opa >= 0){
cambia()
opa -= iex?10:0.1;
setTimeout('bajaOpacidad()',10)
}
else{presImagen()}
}

function subeOpacidad(){
opaci = iex?100:1;
if(opa <= opaci){
cambia()
opa += iex?10: 0.1;
setTimeout('subeOpacidad()',10)
}
}
function cambia(){
eval('document.foto.' + fi + ' = opa')
}
var tiempo
function inicio(){
clearTimeout(tiempo)
bajaOpacidad()
}

</script>
<style type="text/css">
#foto {
filter: alpha(opacity=100)
}
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" marginwidth="0" onload="inicio()">
<div align="center"><img src="fotos/alenanene.jpg" name="foto" id="foto">
</div>
</body>
</html> 
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:57.