Your Cart

Multiple Slideshows on Same Page

These forums are now closed to new replies / tickets.

Please open a support ticket from our new Support page.

Front Page Forums Problems Multiple Slideshows on Same Page

  • gravatar
    Thambynathan Kathir
    October 14, 2014 at 9:35 pm

    This discussion was closed before because the default answer is
    to “use unique ID’s for each slideshow on the page” I am using JSON
    which is dynamically generated on the fly. Currently this requires
    us to generated a multple data chunks. e.g.

    var galleriaData = [
    {
    thumb: 'http://dev.himalayanacademy.com/media/slideshows/2014/2014-10-04_about-monastery/thumb/2014-09-26_about-monastery607.jpg',
    image: 'http://dev.himalayanacademy.com/media/slideshows/2014/2014-10-04_about-monastery/2014-09-26_about-monastery607.jpg',
    big: 'http:/'http://dev.himalayanacademy.com/media/slideshows/2014/2014-10-04_about-monastery/2014-09-26_about-monastery693.jpg',
    big: 'http://dev.himalayanacademy.com/media/slideshows/2014/2014-10-04_about-monastery/big/2014-09-26_about-monastery693.jpg'
    }
    [snip... more data for slides here]
    ];
    Galleria.run('#galleria1', {
    dataSource: galleriaData,
    width: 726,
    height: 448,
    imagePan: true,
    idleMode: false,
    thumbCrop: false,
    transitionSpeed: 100,
    imageCrop: 'landscape'
    });
    
    then you need to keep looping and adding new chucks with 
    
    var galleriaData = [
    {
    thumb: 'http://dev.himalayanacademy.com/media/slideshows/2014/2014-10-04_about-monastery/thumb/2014-09-26_about-monastery607.jpg',
    image: 'http://dev.himalayanacademy.com/media/slideshows/2014/2014-10-04_about-monastery/2014-09-26_about-monastery607.jpg',
    big: 'http:/'http://dev.himalayanacademy.com/media/slideshows/2014/2014-10-04_about-monastery/2014-09-26_about-monastery693.jpg',
    big: 'http://dev.himalayanacademy.com/media/slideshows/2014/2014-10-04_about-monastery/big/2014-09-26_about-monastery693.jpg'
    }
    [snip... more data for slides here]
    ];
    Galleria.run('#galleria2', {
    dataSource: galleriaData,
    width: 726,
    height: 448,
    imagePan: true,
    idleMode: false,
    thumbCrop: false,
    transitionSpeed: 100,
    imageCrop: 'landscape'
    });
    
    and any more ....
    Galleria.run('#galleria3', 
    
    etc.
    
    Is there a way to generate multiple slideshows for a single page *without* the unique ID's required for each one? I'm using RevIgniter  which is a MVC web deployment system and I would like to be able to dynamically insert multiple shows on the same page but from a single data chunk if that is possible.
    


    gravatar
    Thambynathan Kathir
    October 14, 2014 at 9:37 pm

    Sorry I forgot to close my code formatting: the final question
    is:

    Is there a way to generate multiple slideshows for a single page
    without the unique ID’s required for each one? I’m using
    RevIgniter which is a MVC web deployment system and I would like to
    be able to dynamically insert multiple shows on the same page but
    from a single data chunk if that is possible.


Galleria.io uses cookies to store information. You can read more about that in our Privacy Policy. I understand