antalya gergi tavan antalya duvar kağıdı

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 3 months, 2 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, 8 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, 5 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