Streaming live at 10am (PST)

Slider start from slide #

#1

Hi guys!
I want Slider starts from the middle of the image gallery. I have 20 images and i whant slider starts at 10. Did i miss somekind of checkbox in Slider setting? Or Is it possible with code only?

0 Likes

There is a way to start on slide 2?
Slider. Initial slide
Load page so slider2 shows first
Link to A specific slide inside A Slider
#2

Reply to myself :slight_smile:

In Custom Code - Footer section place code :

$(document).ready(function() {
    $('#sliderId div:nth-child(slideNumber)').trigger('tap');
});

Example:

$(document).ready(function() {
    $('#gal1 div:nth-child(10)').trigger('tap');
});
1 Like

#3

Hi @Reacol!

I’m trying to implement your solution but i can´t get it working.

Since the name of the div is “nth-child”, do i need to name a block with this text? (i did the propoer thing with the slider name).

thank you very much for your help!.

0 Likes

#4

“nth-child” it is not the name of the div!!!

The name of the div should be used after “#” (see first pattern of use - #sliderId). If you have done this - the rest of the method is to specifiy slideNumber. div:nth-child(slideNumber)

1 Like

#5

Thanks @Reacol!

I presume that the name of the div (#sliderId) should be the same of the entire slider? or just a slide?.

Sorry no to good at this, i did everything you said but it´s not working for me :frowning:

Edit: i notice that the code appear in the botton of the page, so i think there is something missing…14

0 Likes

#6

Try real demo. Find differences in code and whats missing.

1 Like

#7

Tried this but it still wont work. Has something changed since?

0 Likes

#8

Thanks @Reacol for the code
The code works fine
@Dave01 just needed to wrap it with <script></script> tags

0 Likes

#9

@Dave01 and @aOne

I was also having trouble getting the code to work. Just solved my issue however.
Make sure you have input a name in the slider ID section for in-page linking. This then should be the #sliderID within the code.

40

Hope that helps.

0 Likes

#10

Any idea if this still works? On my site it works on mobile but not desktop…

0 Likes

#11

I was able to implement this without any issues

0 Likes