Ver Mensaje Individual
  #1 (permalink)  
Antiguo 04/11/2012, 12:30
davy0324
 
Fecha de Ingreso: mayo-2012
Ubicación: Bogota
Mensajes: 45
Antigüedad: 12 años
Puntos: 0
Como arreglar este código de galería de imágenes

Hola tengo un problema con este codigo, es una galeria de imagenes que funciona con un shuffle de jquery, y con opacidad al momento de pasar cada imagen, el problema es que no me funciona el shuffle pero si las imagenes aleatorias, pero no quiero que se repitan quiero que hagan la funcion del shuffle es decir img 3, img 4, img 1, img 2, y cuando al volver a cargar la pagina cambie el orden y asi sucesivamente, alguna sugerencia se los agredecería adjunto el codigo, repito solo esta funcionando en orden aleatorio (random) es decir se estan repitiendo algunas al azar, y no quiero eso, solo quiero el shuffle, gracias!

Código HTML:
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<div class="slideshow"> 
        
          
              <img src="http://marcelca.net46.net/18fotos/h01.jpg"/> 
              <img src="http://marcelca.net46.net/18fotos/h02.jpg"/>
              <img src="http://marcelca.net46.net/18fotos/h03.jpg"/> 
              <img src="http://marcelca.net46.net/18fotos/h04.jpg"/>
              <img src="http://marcelca.net46.net/18fotos/h05.jpg"/>

 </div>	
			
	<script type="text/javascript">		
$(function(){
    (function(){
        var imgs=$('.slideshow img');
        var l=imgs.length-1, M=Math,
        i=M.floor((M.random()*(l+1))), current=i;
        function shuffle()
        {
            $(imgs[i]).fadeIn(2500, function(){
                i=M.floor((M.random()*(l+1)));
                i=(current==i)?((i+1)>l?(i-1):(i+1)):i;
                current=i;
                setTimeout(function(){
                    $('.slideshow img').fadeOut(2500);
                    shuffle();
                }, 5000);
            });
        }
        shuffle();
    })();
});

	</script>