Kod za slider je sledeci:
Code:
<!--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-->
<!--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