سلام دوستان من میخوام برای اسلایدرم دکمه های next و prev بذارم ... میشه کمکم کنید؟؟
کد HTML:
<ul id="slides"> <li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/Minecraft.jpg" /></li> <li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/2.jpg" /></li> <li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/3.jpg" /></li> <li style=""><img src="<?php bloginfo('template_url'); ?>/images/slider/4.jpg" /></li></ul><div id="overlay" style="background:#26292E; width:100%; height:100%; position:absolute; top:0px; right:0px; z-index:2; opacity:0.5;"></div><a id="right-control">‹</a><a id="left-control">›</a>
کد:
/* Switching Slides */ $(document).ready(function(){
$("#slides li:gt(0)").hide();
setInterval(function() {
$('#slides li:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slides');
}, 4000);
});