Ayuda efecto slideshow

[vash-stampede-]

Hola buenas a todos. Estoy buscando un efecto de slideshow, pero solo encuentro para IE. No funcionan ni en firefox ni safari ni opera.

Lo que quiero es que vayan rotando imágenes y se fundan entre ellas. Lo de que vayan cambiando si que pasa en todas pero el fundido solo en IE.

Alguien sabe de alguna forma o scritpt que lo permita.

Un saludo y gracias a todos !!!!!

[vash-stampede-]

Alguien me puede decir aunque sea que no existe la manera de hacer lo que pido en otro navegador que no sea explorer???

[caricatos]

Hola:

Tal vez te sirva: Presentación de Imagenes (Slide Show)

Cuéntanos si te sirve.

Saludos

[vash-stampede-]

Siiii !!!!!!!!!! Muxas gracias es justo lo que estaba buscando !!!!!!!

Muchas gracias me sirve a la perfección. !!!!!!!

[vash-stampede-]

Por si alguien lo quiere usar pongo el código aqui.

Dentro del Head

Código PHP:

  <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.
 
[url]http://javascript.tunait.com[/url]
[email][email protected][/email] 
******************************************************************************/
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> 
  

Ya en el Body

Código PHP:

  <div align="center"><img src="fotos/alenanene.jpg" name="foto" id="foto" onclick="inicio()"> 
 
Si tan solo se quiere que se ejecute al iniciar la web sin pulsar nada basta con ponerlo asi:
 
<div align="center"><img src="imagenes/centro_bici.jpg" name="foto" id="foto">
<script language="javascript">
       inicio();
</script> 
  

Espero que os sirva igual que a mi.

UN SALUDO !!!!!!