Search code examples
javascriptjqueryeasyslider

Change pause time of first slide in Easy Slider


I am using Easy Slider 1.5 Plugin and I was trying (although I've no idea what i did).. to change the pause time of first slide to 8000 from 4000.

I don't know how i should go about it with code. But according to my logic, I think i should try and fetch the li:first-child and then set the pause: 8000

Looking for help about the same!

Update -

I have this so far -

    $(document).ready(function(){   
        $("#slider").easySlider({
            auto: true,
            continuous: true    
        });
        $("#firstSlider").easySlider({
            pause: 15000    
        });
    }); 

<div id="slider">
        <ul>                
            <li id="firstSlider"><a href="http://templatica.com/preview/30"><img src="../../images/flash-image.jpg" alt="Css Template Preview" /></a></li>
            <li><a href="http://templatica.com/preview/7"><img src="../../images/flash-image2.jpg" alt="Css Template Preview" /></a></li>
            <li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
            <li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
            <li><a href="http://templatica.com/preview/27"><img src="images/05.jpg" alt="Css Template Preview" /></a></li>          
        </ul>
    </div>

Solution

  • I solved the problem. Used EasySlider 1.7. And modified some code to get the desired result.

    Here's how i did it - (my blog post) http://thecuriousengineer.org/how-to-change-the-pause-time-of-first-slide-in-easyslider/