Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/03/2009, 01:20
Lachi
 
Fecha de Ingreso: junio-2004
Ubicación: Villa Carlos Paz
Mensajes: 88
Antigüedad: 20 años, 5 meses
Puntos: 2
Pregunta Implementar galerìa Galleriffic

Hola a todos, quiero insertar en mi web esta galerìa que esta en jquery, que se llama Galleriffic.
Nunca tuve problemas con este tipo de còdigo para implementarlos en una web, pero en este caso no logro insertarlo.

La web de la galeria es: http://www.twospy.com/galleriffic/

Me ayudarìa mucho que alguien pueda orientarme en el còdigo que debo poner para insertarla. Al menos que me ayuden a saber en que parte debo colocar los siguientes còdigos.

Código:
<ul class="thumbs noscript">
    <li>
        <a class="thumb" href="{imageSlideUrl}" title="{imageTitle}">
            <img src="{imageThumbUrl}" alt="{imageTitle (again for graceful degradation)}" />
        </a>
        <div class="caption">
            (Any html can go here)
        </div>
    </li>
    ... (repeat for every image in the gallery)
</ul>
y

Código:
$(document).ready(function() {
    var gallery = $('#gallery').galleriffic('{thumbsContainerSel}', {
        delay:                  3000,
        numThumbs:              20,
        preloadAhead:           40, // Set to -1 to preload all images
        enableTopPager:         false,
        enableBottomPager:      true,
        imageContainerSel:      '',
        controlsContainerSel:   '',
        captionContainerSel:    '',
        loadingContainerSel:    '',
        renderSSControls:       true,
        renderNavControls:      true,
        playLinkText:           'Play',
        pauseLinkText:          'Pause',
        prevLinkText:           'Previous',
        nextLinkText:           'Next',
        nextPageLinkText:       'Next &rsaquo;',
        prevPageLinkText:       '&lsaquo; Prev',
        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() { ... }
    });
});
Muchas Gracias!!