Esque no me van algunas funciones :S
Gracias :)
Código HTML:
<script type="text/javascript"> var segundos = 1 //cada cuantos segundos cambia la imagen var dire = "fotos/" //directorio o ruta donde están las imágenes var imagenes=new Array() imagenes[0]="3.jpg" imagenes[1]="2.jpg" 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(){ opa = 0 cambia() presImagen() } function subeOpacidad(){ opaci = iex?100:1; if(opa <= opaci){ cambia() opa += iex?10: 0.1; var opac opac = setTimeout('subeOpacidad()',10) } } function cambia(){ eval('document.foto.' + fi + ' = opa') } var tiempo function inicio(){ tiempo bajaOpacidad() } function final(){ clearTimeout(tiempo) document.foto.src="1.jpg" cont = 0 } </script> <script type="text/javascript" src="js/jquery.pack.js" ></script> <script type="text/javascript" src="js/flashembed.min.js"></script> <script type="text/javascript" src="js/jquery.mousewheel.js"></script> <script type="text/javascript" src="js/jquery.scrollable.min.js"></script> <script type="text/javascript" src="js/flow.embed.js"></script> <script type="text/javascript"> $("#scrollable").scrollable(); </script> <script type="text/javascript"> $(function() { $("a.flowplayer").flowembed("FlowPlayerDark.swf", { initialScale:'scale', <!-- Formato de tamaño inicial --> hideControls:false <!-- Esconde los controles del reproductor --> }); $("div.scrollable").scrollable({ horizontal:true, <!-- Define scroll horizontal o vertical --> size:1, <!-- Define numero reproductores por DIV --> onSeek:onClipDone }); }); </script>