Kako ubaciti counterdown timer u slider

[ mladja037 @ 01.03.2014. 19:09 ] @

Dakle, imam sajt gde kad se otvori index.html veliki deo zauzme slider:

Kod za slider je sledeci:

Code:


<section class="sectionhome fade-down">

    
    <div class="tp-banner-container">
        <div class="tp-banner tp-banner-full-width" >
            <ul>

                
                <li data-transition="fade" data-slotamount="7" data-masterspeed="1000" >
                    <img src="img/rev-slider/1/slide1.jpg" style='background-color:#b2c4cc' alt=""  data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat">

                    <div class="tp-caption lfr"
                        data-x="300"
                        data-y="100"
                        data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="2000"
                        data-start="200"
                        data-easing="Power4.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        style="z-index: 3"><img src="img/rev-slider/1/model.png" alt="">
                    </div>
                    <div class="tp-caption lfr"
                        data-x="300"
                        data-y="250"
                        data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="2000"
                        data-start="200"
                        data-easing="Power4.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        style="z-index: 3"><img src="img/rev-slider/1/model2.png" alt="">
                    </div>
                    <div class="tp-caption lfr"
                        data-x="300"
                        data-y="70"
                        data-customin="x:50;y:150;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.5;scaleY:0.5;skewX:0;skewY:0;opacity:0;transformPerspective:0;transformOrigin:50% 50%;"
                        data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                        data-speed="2000"
                        data-start="200"
                        data-easing="Power4.easeOut"
                        data-endspeed="500"
                        data-endeasing="Power4.easeIn"
                        style="z-index: 3"><img src="img/rev-slider/1/model3.png" alt="">
                    </div>




                </li>
                
                

            </ul>
            <div class="tp-bannertimer"></div>
        </div>
    </div>

Potrebna mi je skripta u uputstvo kako counterdown timer u ovaj slider da se pojavljuje kao sto se pojavljuju ovaj model1 2 i 3...samo da tu bude skripta koja ce da odbrojava vreme do pocetka.

Unapred hvala