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 !!!!!!