antalya gergi tavan antalya duvar kağıdı
porno izle porno seks tuzla escort kurtkoy escort pendik escort maltepe escort kurtkoy escort porno video Bursa escort

Getting the slider to autoplay

Home Support Free Theme: Access Shop Getting the slider to autoplay

This topic contains 43 replies, has 9 voices, and was last updated by  shaw1991 1 month, 3 weeks ago.

Viewing 15 posts - 16 through 30 (of 44 total)
  • Author
    Posts
  • #4355

    soulja
    Participant

    the above code is not working for me
    my site: http://www.grobazar.com/
    slide effect i need in my site: http://www.bigbasket.com/
    plz help!

    #4356

    Hi There,

    Try this:

    /* autoplay */
    #sequence .banner-container {
    transition: all 1s linear;
    z-index: 9999;
    }
    #sequence .animate-in .banner-container {
    z-index: 9998; /* or some other property as long as it changes */
    }
    
    .sequence-theme img {
    transition: all 0.1s linear;
    opacity: 0;
    }
    .sequence-theme .animate-in img {
    opacity: 1; /* or some other property as long as it changes */
    }

    Thanks!

    #4359

    soulja
    Participant

    the autoslide is working only when i click on the next slide… y is it not working on page load??

    #4360

    soulja
    Participant

    i solved it .. changed this… z-index: 99;

    #4531

    Jeff
    Participant

    2 things:

    1. How do you slow down the frequency the slides change? and;
    2. After inserting the above code, the arrows for the navigation no longer fade when you mouseover them. How do I fix this?

    Site URL:

    Thank you,

    • This reply was modified 1 year, 7 months ago by  Jeff.
    #4538

    Hi There,
    skin\frontend\accessshop\default\js\jquery.scripts.js

    //Main Banner Slider
        var options = {
            nextButton: true,
            prevButton: true,
            pagination: true,
            animateStartingFrameIn: true,
            autoPlay: true,
            autoPlayDelay: 3000,
            preloader: true,
            preloadTheseFrames: [1],
            preloadTheseImages: [
                "images/tn-model1.png",
                "images/tn-model2.png",
                "images/tn-model3.png"
            ]
        };
        
        var mySequence = $("#sequence").sequence(options).data("sequence");

    Check sequence js for further more.

    Thanks!

    #4548

    soulja
    Participant

    how to add random effects to the slider???

    #4557

    Hi There,
    Currently there are no options to do so.

    This is the slider js being used:
    http://www.sequencejs.com/

    So check and share if you are able to add any effects.
    Thanks!

    #4673

    optiinfo
    Participant

    Hello,

    Please check the slider on this website – https://www.flipdeals.com.au/ .

    I added the code mentioned above but it doesn’t work. So I removed it. Are there any changes that i need to do in system configuration area as well ?

    • This reply was modified 1 year, 3 months ago by  optiinfo.
    #4676

    Try adding this:

    /* autoplay */
    #sequence .banner-container {
    transition: all 1s linear;
    z-index: 9999;
    }
    #sequence .animate-in .banner-container {
    z-index: 9998; /* or some other property as long as it changes */
    }

    Thanks!

    #4677

    optiinfo
    Participant

    Thank you for quick response. I added the code as per your suggestion in this file – skin/frontend/accessshop/default/css/sequencejs-theme.modern-slide-in.css but it is still not working. I also tried reducing the z-index to 99 as one of the user in this thread suggested but that isn’t working either.

    #4678

    Try adding “animate-out” class 2nd and third <li> tags

    #4679

    optiinfo
    Participant

    Sorry i don’t understand . add animate-out and li tag where ? in the CMS block of slider ?

    #4680

    Yes in the home-carousel cms static block.

    there is like this:

    <li class="bg2" style="display: list-item;">
    <div class="banner-container"><!--<h2 class="title">Buy Now Up<span> 50%</span> off</h2>--> <!--<h3 class="subtitle">Home , Garden, Health & Beauty, Sports & Fitness, Shop right now get discount.</h3>--> <!--<img class="model" alt="Model 2" src="https://www.flipdeals.com.au/skin/frontend/accessshop/default/images/computer.png" />--></div>
    </li>

    change like this:

    <li class="bg2 animate-out" style="display: list-item;">
    <div class="banner-container"><!--<h2 class="title">Buy Now Up<span> 50%</span> off</h2>--> <!--<h3 class="subtitle">Home , Garden, Health & Beauty, Sports & Fitness, Shop right now get discount.</h3>--> <!--<img class="model" alt="Model 2" src="https://www.flipdeals.com.au/skin/frontend/accessshop/default/images/computer.png" />--></div>
    </li>

    and similar in 3 one.

    #4681

    optiinfo
    Participant

    Works like a charm. Thank you so much.

Viewing 15 posts - 16 through 30 (of 44 total)

You must be logged in to reply to this topic.

anal porno watch porn anal