Okay
  Public Ticket #1451575
How to disable looping and use popup photo gallery
Closed

Comments

  • Ken Lee started the conversation

    Hi

    I am quite new in building website by using wordpress and so LayerSlider. I am going to modify the LayerSlider "Vintage Photo" and use "popup gallery"

    First, I don't know how to stop the Vintage Photo looping
    https://layerslider.kreaturamedia.com/sliders/vintage-photos/

    Secondary, then don't know how to use the popup. I have read the help document but I still can't understand. Is there any detail procedure for setting up the use of LayerSlider popup photo gallery?
    https://layerslider.kreaturamedia.com/sliders/popup-photo-gallery/

    Please advice, thank you very much.


  • [deleted] replied

    Hello Ken Lee,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    You can set a slider to be popup in the Slider Settings -> Layout tab. From then on you can just check the settings we have used in the popup demo slider that you would like to recreate, and apply the same options. Regarding the insering method. If you want to trigger the popup with a button (layer) inside a slider, you will need to enter the following line to the Open By Click field of the popup: #example And then set an ID in the Link & Attributes tab, for the button (layer) with the same name: example
    In case you want to start a popup slider with a button outside of the a slider from your site, you will need to apply an ID (id="example") or class (class="example") on that button and enter the same selector for ID (#example) or class (.example) to the Open By Click field in the Slider Settings.
    Please also make sure that the sliders that you want to use (the popups as well) are added to the page. You can also use the Slider Settings -> Popup -> Target Pages section for this purpose.

    Regarding the looping. You will need to edit or remove the options used in the Layers -> Transitions -> Loop Or Middle Transition section to prevent it.

  •   Ken Lee replied privately
  • [deleted] replied

    The Loop Or Middle Transition section is only for layers. If you would like the whole slider to stop after the first loop, you will need to use the options in the Slider Settings. To achieve this you can either disable the Auto-start slideshow or you can leave it enabled and set the Cycles to 1.

  • Ken Lee replied

    Hi

    I have already tried Auto-start slideshow and also set the Cycles to 1, but our [layerslider id="72"] keep looping

    I have tried copy the slider setting in our another slider [layerslider id="10"] which does not loop, and have tried may combinations, but our slider id 72 keep looping.

  • [deleted] replied

    Thank you for the feedback. That is indeed strange. I'll let the dev team look into this to see if they can find anything, and get back to you shortly.

  • [deleted] replied

    Hello,

    You will need to delete the following line: slider.api( 'replay' ); in the slideTimelineDidComplete event, under the Event Callbacks tab. This should solve the problem.