راهنمایی در مورد راه اندازی یک اسلایدر

سلام دوستان
من با کد زیر یه اسلایدر راه انداختم ولی یه مشکلی داره

کد:

---

<script type="text/javascript">   
$(document).ready(function(){
        $('.slide:gt(0)').hide();
        setInterval(function(){
            $('.slide :first-child').slideUp(500).next('img').slideDown(500).end().appendTo('.slide');
        },3000);
    });
</script>

---

من تنظیم کردم هر سه ثانیه اسلاید کنه اولش مشکلی نداره و کار میکنه اما وقتی کل تصاویر رو دو دور زد تایمر دو برابر میشه یعنی بار سوم رو هر عکس 6 ثانیه وای میسته و بار چهارم 12 ثانیه و ...
میشه راهنماییم کنید مرسی

راستی اینم آدرس سایت که اگر متوجه نشدید نگاه کنید
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

آپ
---
دوستان اگر راه حلشو بلدید لطفا کمکم کنید مرسی

نقل قول:

---

نوشته شده توسط avaiehagh [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

سلام دوستان
من با کد زیر یه اسلایدر راه انداختم ولی یه مشکلی داره

کد:

---

<script type="text/javascript">   
$(document).ready(function(){
        $('.slide:gt(0)').hide();
        setInterval(function(){
            $('.slide :first-child').slideUp(500).next('img').slideDown(500).end().appendTo('.slide');
        },3000);
    });
</script>

---

من تنظیم کردم هر سه ثانیه اسلاید کنه اولش مشکلی نداره و کار میکنه اما وقتی کل تصاویر رو دو دور زد تایمر دو برابر میشه یعنی بار سوم رو هر عکس 6 ثانیه وای میسته و بار چهارم 12 ثانیه و ...
میشه راهنماییم کنید مرسی

---

مشکل تو سه ثانیه نیست

تو سه ثانیه عمل میکنه ولی عکس تکراری رو درسته میکنه شما فکر میکنی که دو برابر شده تایمر

متوجه منظورم شدید؟

یعنی دو بار یک عکس رو میاره بعد شما فکر میکنی شش ثانیه طول میکشه

خب آخه هیچ افکتی بین اون شش ثانیه نیست و عکس ثابته !!
حالا چجوری میشه حلش کرد؟
راهی بلدید شما؟

نقل قول:

---

نوشته شده توسط avaiehagh [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

خب آخه هیچ افکتی بین اون شش ثانیه نیست و عکس ثابته !!
حالا چجوری میشه حلش کرد؟
راهی بلدید شما؟

---

عزیزم append نهایی شما روی slide هست

باعث میشه که دوباره همونجا یکی دیگه ایجاد کنه

شما باید روی div بالاتر یا پرنت اپند کنی یعنی روی slides نه slide

کد:

---

---

کد:

---

<script type="text/javascript">   
$(document).ready(function(){
        $('.slide:gt(0)').hide();
        setInterval(function(){
            $('.slide :first-child').slideUp(500).next('img').slideDown(500).end().appendTo('.slides');
        },3000);
    });
</script>

---

برای طرح چنین سوالاتی بهتره کد ها تون رو داخل سایت هایی مثل jsfiddle قرار بدید تا ما هم بتونیم تعییرات بدیم و نتیجه رو ببینیم

الان جواب من در حد حدس ظاهری هست

شما این کدی که من گذاشتم تست کنید نتیجه رو اعلام کنید

تست کردم جواب نمیده و خراب تر میشه
گذاشتم همینجوری بمونه که ببینید
در ضمن این تصاویر با php فراخوانی شدند

این کد بنده هستش که تصاویری رو از زمینه دلخواه وردپرس فراخوانی میکنه
و تو li نشون میده یعنی زیر هم
منم می خواستم اسلایدرش کنم که از اون کدی که بالا نوشتم استفاده کردم
ببینید میتونید کاری کنید؟ مرسی
در واقع اون slides که شما فرمودید اسم زمینه دلخوام بنده هست

کد:

---

<article class="post_slider" >
<?php
$slideshow = get_post_meta($post->ID, 'slides',true);
if($slideshow){
?>
                <?php if( have_rows('slides') ): ?>
                    <ul class="slides">
                        <?php while( have_rows('slides') ): the_row();
                            // vars
                            $image = get_sub_field('image');
                            $content = get_sub_field('content');
                            $link = get_sub_field('link');
                        ?>
                        <li class="slide">
                            <?php if( $link ): ?>
                                <a href="<?php echo $link; ?>">
                            <?php endif; ?>
                                <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" />
                            <?php if( $link ): ?>
                                </a>
                            <?php endif; ?>
                              <?php echo $content; ?>
                        </li>
                        <?php endwhile; ?>
                    </ul>
                <?php endif; ?>
<?php } ?>
            </article>

---

با عرض پوزش آپ پ پ پ پ پ

کسی نبود . . .