Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/05/2012, 13:13
Avatar de SnakeCode
SnakeCode
 
Fecha de Ingreso: mayo-2012
Ubicación: Lima - Perú
Mensajes: 23
Antigüedad: 12 años, 6 meses
Puntos: 1
Implementar plugin jquery photoslider

Holas gente, alguien del foro ha implementado el plugin jQuery Photoslider 1.2. He tratado de implementarlo, como dice en la página pero no me cargan las fotos, no se que estoy haciendo mal, aquí les dejo el código:

Código HTML:
<!doctype html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Prueba Galeria</title>
        <link rel="stylesheet" type="text/css" href="css/photoslider.css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="lib/photoslider.js"></script>
	</head>
	<body>
    	<div class="photoslider" id="default">
    	  
    	</div>
    <script type="text/javascript">
        	$(document).ready(function(){
				FOTO.Slider.baseURL = '/galeria/g_01/';
				FOTO.Slider.bucket = {'default':{
					0: {'thumb': 't_0.jpg', 'main': '0.jpg'},
					1: {'thumb': 't_1.jpg', 'main': '1.jpg'},
					2: {'thumb': 't_2.jpg', 'main': '2.jpg'},
					3: {'thumb': 't_3.jpg', 'main': '3.jpg'}
				}};
				
				var ids = new Array(0,1,2,3);
				FOTO.Slider.importBucketFromIds('default', ids);
				FOTO.Slider.reload('default');
				FOTO.Slider.preloadImages('default');
				FOTO.Slider.enableSlideshow('default');
			});
        </script>
	</body>
</html> 
Y aquí el tutorial : http://opiefoto.com/articles/photoslider

Gracias de antemano!!