Merhaba arkadaşlar bir tema yapıyorum fakat js bilgim 0 olduğu için slideri başka hazır copy paste olarak kullanmak zorundayım istediğim slider tam olarak chip sitesinin sol üstünde bulunan slider gibi. Bulduğum slider aşağı yukarı benzer sadece düzeltemediğim şu resimler direkt olarak açılıyor sağa sola kayarak değil. Bunu düzeltmek istiyorum ve sliderde sayının üzerine gelince durmasını istiyorum fakat bunu sağlayamadım. Yardımcı olacak arkadaşa teşekkürler.
Örnek Slider : http://www.chip.com.tr/
Bulduğum Slider Kodu : http://www.dosya.tc/server29/l2cQAC/manset.rar.html






www.bildiklerimiz.net

<script></script>

<script>
$(function (){
var Slider=0;
$.Slider=function(toplam){
$("#slider ul#buton li").removeClass("aktif");
$("#slider ul#resim li").hide();
if (Slider < toplam-1){
Slider++;
$("#slider ul#buton li:eq("+Slider+")").addClass("aktif");
$("#slider ul#resim li:eq("+Slider+")").fadeIn("fast");
}else {
$("#slider ul#buton li:first").addClass("aktif");
$("#slider ul#resim li:first").fadeIn("fast");
Slider=0;
}}
var toplamLi = $("#slider ul#buton li" ).length;
var interval = setInterval('$.Slider('+toplamLi+')',3000);
$("#slider").hover(function(){
clearInterval(interval);
},function(){
interval = setInterval('$.Slider('+toplamLi+')',3000);
});
$("#slider ul#buton li:first ").addClass("aktif");
$("#slider ul#resim li").hide();
$("#slider ul#resim li:first").show();
$("#slider ul#buton li").hover(function(){
var indis = $(this).index();
$("#slider ul#buton li ").removeClass("aktif");
$(this).addClass("aktif");
$("#slider ul#resim li").hide();
$("#slider ul#resim li:eq("+indis+")").fadeIn("fast");
Slider = indis;
return false;
}); });

</script>