This project is read-only.

looping thumbnail gallery

Dec 19, 2012 at 9:28 PM

Does anyone know how to create a seamless loop of a thumbnail gallery slider?

Here's the page:

Currently it's 3 rows high (which I want to keep) and 14 thumbnails across and 2200px wide so the user can pan back and forth.  I now what to keep the same images and layout, but have an endless loop like a carrousel, so the user can go in either direction.

Here is the beginning of the file...

(function($) {
  $.fn.adGallery = function(options) {
    var defaults = { loader_image: 'loader.gif',
                     start_at_index: 9,
                     update_window_hash: true,
                     description_wrapper: false,
                     thumb_opacity: 1,
                     animate_first_image: false,
                     animation_speed: 600,
                     width: false,
                     height: false,
                     display_next_and_prev: true,
                     display_back_and_forward: true,
                     scroll_jump: 0, // If 0, it jumps the width of the container
                     slideshow: {
                       enable: true,
                       autostart: false,
                       speed: 5000,
                       start_label: 'Start',
                       stop_label: 'Stop',
                       stop_on_scroll: true,
                       countdown_prefix: '(',
                       countdown_sufix: ')',
                       onStart: false,
                       onStop: false
                     effect: 'slide-hori', // or 'slide-vert', 'fade', or 'resize', 'none'
                     enable_keyboard_move: true,
                     cycle: true,
                     hooks: {
                       displayDescription: false
                     callbacks: {
                       init: false,
                       afterImageVisible: false,
                       beforeImageVisible: false

Let me know if you need to see more?

Thanks in advance,


Jan 10, 2013 at 7:38 PM

Hi have you found solution for this? I need it as well thank you