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>
Gracias de antemano!!