درخواست کمک: دکمه Arrow برای اسلایدر

سعی کردم خیلی ساده طرز استفادشو برات بنویسم.
البته خودت تغییرش بده و بهتره هر تیکه رو یه فانکشن کنی که از بازنویسی جلوگیری بشه

کد HTML:

---


    $(document).ready(function(){
        $("#slides li:gt(0)").hide();
        setInterval(function() {
            $('#slides li:first')
            .fadeOut(1000)
            .removeClass('soosk')
                .next()
                .fadeIn(1000)
                .addClass('soosk')
                .end()
                .appendTo('#slides');
        },  4000);
                        $(".next").click(function(){
                            activeid = $("#slides li.soosk").index()
                            nextshow = activeid+1;
                            $("#slides li").hide();
                              $("#slides li").eq(nextshow).fadeIn(1000)
                        })
    });

---

عالی بود کار میکنه ولی یک مشکل هست که با یک کلیک نمیره اسلاید بعدی
یک بار دو تا کلیک میکنم میره دفعه بعد 4 بار باز دو بار و ...
اصلا نظم خاصی نداره !!
من بجای کلاس next که شما گذاشتید از آیدی right-control استفاده کردم که تو کدهام هست

کد:

---

/* Switching Slides */
        $(document).ready(function(){
                $("#slides li:gt(0)").hide();
                setInterval(function() {
                        $('#slides li:first')
                        .fadeOut(1000)
                        .removeClass('soosk')
                            .next()
                            .fadeIn(1000)
                            .addClass('soosk')
                            .end()
                            .appendTo('#slides');
                },  4000);
                $("#right-control").click(function(){
                        activeid = $("#slides li.soosk").index()
                        nextshow = activeid+1;
                        $("#slides li").hide();
                        $("#slides li").eq(nextshow).fadeIn(1000)
                });
        });

---

می تونید اینجا ببینید: همون اسلایدر اول صفحه: Zebco.ir

به این دلیله که شما ساختارت این شکلیه که همه عکسها رو تو LI اولی داری میریزی و نشون میدی!!! درسته؟
سعی کن هر LI تو جای خودش حالتش show بشه (به ترتیب پشت سر هم)

نقل قول:

---

نوشته اصلی توسط vpsman

به این دلیله که شما ساختارت این شکلیه که همه عکسها رو تو LI اولی داری میریزی و نشون میدی!!! درسته؟
سعی کن هر LI تو جای خودش حالتش show بشه (به ترتیب پشت سر هم)

---

من ساختار رو گذاشتم بازم می ذارم:

کد:

---

<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">&lsaquo;</a>
<a id="left-control">&rsaquo;</a>

---

در ضمن من یک مشکل دیگ هم پیدا کردم
الان دکمه prev هم ساختم و میزنم بره غقب به مشکل میخوره و با اون چهارثانیه که برا هر اسلاید گذاشتم تداخل داره
در صورتیکه وقتی میره عقب تازه 4 ثانیه اون اسلاید شروع بشه

- - - Updated - - -

نقل قول:

---

نوشته اصلی توسط vpsman

به این دلیله که شما ساختارت این شکلیه که همه عکسها رو تو LI اولی داری میریزی و نشون میدی!!! درسته؟
سعی کن هر LI تو جای خودش حالتش show بشه (به ترتیب پشت سر هم)

---

من از همین کد جی کوئری استفاده کردم ولی فکر میکنم همین طور که شما می فرمایید هست ... چون هر li که میخواد نشون بده میاد اول ... این رو از کجا باید تغییر داد ؟؟ من کد دیگه ای ندارم !!
فکر کنم خود همین تابع جی کوئری این کار رو میکنه

کسی می تونه راهنمایی کنه؟؟ هنوز منتظرم !!

به این یه نگاهی کنید ببتید به دردتون می خوره یا نه ؟!
http://up.vbiran.ir/uploads/26084146...show-ms313.zip