Kako ubaciti counterdown timer u slider

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

Kod za slider je sledeci:

<!--start slide--> <section class="sectionhome fade-down">        <!--start rev slider-->     <div class="tp-banner-container">       <div class="tp-banner tp-banner-full-width" >          <ul>                                 <!-- SLIDE  -->             <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>                 <!-- SLIDE  -->                 <!-- SLIDE  -->                 </ul>          <div class="tp-bannertimer"></div>       </div>    </div>     <!--end rev slider-->

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