Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/04/2009, 14:13
manwann
 
Fecha de Ingreso: abril-2009
Mensajes: 3
Antigüedad: 15 años, 8 meses
Puntos: 0
Exclamación Respuesta: Implementar galerìa Galleriffic

Hola Lachi.

Aunque yo tambien tengo problemas para implementar este galeria, quiero comentarte lo que he hecho para que depronto con tu ayuda podamos lograrlo.

Aqui esta el archivo html de como pienso deberia quedar

<html>
<head>
<title>Galeria Galleriffic</title>
<script type="text/javascript" src="js/jquery-1.3.min.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.min.js"></script>
</head>
<body>
<div id="gallery">
<div id="controles"></div>
<div id="carga"></div>
<div id="imagen"></div>
<div id="descripcion"></div>
<div id="miniatura"> <!--Comienzo div miniatura-->
<ul class="thumbs noscript">
<li>
<a class="thumb" href="Enlace de imagen miniatura">
<img src="Enlace de imagen tamaño normal" alt="Hoja Verde" />
</a>
<div class="caption">
Esta es una hoja verde.
</div>
</li>
<!--... (Repetir para cada imagen en la galeria)-->
</ul>
</div> <!--Final div miniatura-->
</div>
<script type="text/javascript">
$(document).ready(function() {
var gallery = $('#gallery').galleriffic('#miniatura', {
delay: 3000,
numThumbs: 20,
preloadAhead: 40, // Set to -1 to preload all images
enableTopPager: false,
enableBottomPager: true,
imageContainerSel: '#imagen',
controlsContainerSel: '#controles',
captionContainerSel: '#descripcion',
loadingContainerSel: '#carga',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play',
pauseLinkText: 'Pause',
prevLinkText: 'Atras',
nextLinkText: 'Adelante',
nextPageLinkText: 'Adelante &rsaquo;',
prevPageLinkText: '&lsaquo; Atras',
enableHistory: false,
autoStart: false,
onChange: undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
onTransitionOut: undefined, // accepts a delegate like such: function(callback) { ... }
onTransitionIn: undefined, // accepts a delegate like such: function() { ... }
onPageTransitionOut: undefined, // accepts a delegate like such: function(callback) { ... }
onPageTransitionIn: undefined // accepts a delegate like such: function() { ... }
});
});
</script>
</body>
</html>


Como puedes apreciar en la cabecera deben ir la referencia al los archivos .js de jquery y gallerific que se pueden descargar de la pagina. En la funcion de inicializacion se colocan los nombres de los selectores que nosotros hemos usado.

Sin embargo, aun no arranca, espero tu respuesta