Okay
  Public Ticket #1398087
Use Lightbox effect
Closed

Comments

  •  5
    Kelvin started the conversation
    December 10, 2017 at 5:53pm

    Dear customer Service,

    Would it be possible to use the lightbox effect of the Theme inside of NextGen Gallery, since I like it a lot?

    With kind regards

    Kelvin Hoffmann

  • [deleted] replied
    December 11, 2017 at 7:47am

    Hi Kelvin,

    Sorry but this option is not possible.

    Thanks for your understanding and have a nice week.

  •   Kelvin replied privately
  • [deleted] replied
    December 12, 2017 at 7:48am

    Hi Kelvin,

    Since there is not an option to do this, we can't encourage users to  modify the theme code, that's why I wrote to you that this is not possible.

    But I'm very glad that you managed to do this

    Will set this ticket as solved from here.

  •  5
    Kelvin replied
    December 12, 2017 at 9:19am

    Hey Ylli,

    actually i didn't need to hard-edit any theme code.

    Just added to the "Code" field in NextGen Gallery custom lightbox the following:

    <script>

    jQuery('#IDNAME_OF_DIV_CONTAINING_IMAGES').lightGallery({
        selector: '.CLASSNAME_OF_DIRECT_PARENT_IN_DOM',

    //optional options
        mode:"lg-fade",
        singleNavMode:false,
        speed:600,
        hideBarsDelay:3000,
        hash:false,
        loop:true,
        kaliumHash:true,
        download:false,
        counter:true,
        enableDrag:true,
        pager:false,
        fullScreen:true,
        thumbnail:true,
        animateThumb:true,
        pullCaptionUp:true,
        showThumbByDefault:false,
        thumbMargin:0,
        thumbContHeight:100,
        thumbWidth:100,
        currentPagerPosition:"middle",
        autoplay:false,
        autoplayControls:true,
        fourceAutoplay:false,
        progressBar:true,
        pause:4000,
        zoom:true,
        scale:1,
        startClass:"lg-start-fade lg-kalium lg-kalium-dark",
        share:false,
        getCaptionFromTitleOrAlt:true,
        preload: 3,

    //options end here
    });

    </script>

    IF someone else asks in the future ^^

  • [deleted] replied
    December 12, 2017 at 9:21am

    Hi Kelvin,

    Thanks for sharing the modification with others.

    Will set this ticket as solved from here.