Viewing 3 replies - 1 through 3 (of 3 total)
  • Indeed you can!
    1- You need a child-theme installed
    2- You need to share a link to your site, it helps for debugging 😉
    3- play with css rules:

    .item.active.slide-1 {
        transition-delay: 0.5s;
        transition-duration: 2s !important;
        transition-timing-function: ease-out;
    }

    please keep on mind that this css is only for debugging, the generation of a comprehensive css code can be done here:
    http://www.css3maker.com/css3-transition.html

    Thread Starter guner7

    (@guner7)

    Hi, thanks for your input.
    I was out of touch few weeks back.

    1. I have child theme installed.
    2. Here is my link

    I should have state clearer that..
    a) I have 2 slider for different language.
    b) About 14 images for each slider.
    c) I hope to achieve like the duration for 1st image to stay for 15s, then the rest shall stay for 10s.
    d) I have the snippet that changed slider to fader for now.

    I am not sure how to play with the code your are given above to set different delay for different images for the same slider.

    Any advice?

    You have a JS blocking the page source code, debugging tools, etc.
    There is a work around to debug even with those parts blocked but it is time consuming.

    If you can please temporary remove those limitations, I’ll debug and if you really want you can block your code again.

    Let me know,
    thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Different delay between images of slider’ is closed to new replies.