幻燈片放映幻燈片，其他幻燈片放映幻燈片

Question

我目前正在使用顯示和隱藏功能在一個jQuery幻燈片放映，並在一般情況下，它工作得很好。我無法弄清楚的是如何在第一張圖像滑出的同時使圖像滑入。它只是等待第一張圖片滑出後再滑入下一張圖片。我想要的是讓圖像在另一個圖像滑出的同時滑動，並且不會讓圖像滑動而不得不等待第一個圖像滑出。

感覺就像我正在做misstake地方..

HTML

<div class="slider"> 
     <a href="https://google.com"><img id="1" src="bilder/partner.jpg" type="jpg/png"> 
     <a href="https://msn.com"><img id="2" src="bilder/värmeplatta.jpg" type="jpg/png"> 
     <a href="https://twitter.com"><img id="3" src="bilder/Img3.jpg" type="jpg/png"> 
    </div> 

CSS

.slider 
     { 
      width:600px; 
      height:300px; 
      overflow:hidden; 
      margin: auto; 
      background-color:white; 
      background-image:url(LoadingLogo.gif); 
      background-size:50px 50px; 
      background-position:center; 
      background-repeat:no-repeat; 
      border:2px solid; 
     } 
     .slider img 
     { 
      width:600px; 
      height:300px; 
      display:none; 
     } 

的Javascript

function Slider() 
       { 
        $("#1").show("slide",{direction:'right'},800); 
        $("#1").delay(4500).hide("slide",{direction:'left'},800); 

        var sc=$(".slider img").size(); 
        var count=2; 

        setInterval(function() 
        { 
         $("#"+count).show("slide",{direction:'right'},800); 
         $("#"+count).delay(4500).hide("slide",{direction:'left'},800); 

         if(count==sc) 
          count=1; 
         else 
          count=count+1; 
        },6100) 
       } 

Answer 1

我不能創建一個小提琴，但嘗試使用此代碼，而不是提供：

function Slider() { 

$("#1").show("slide",{direction:'right'},800); 

var slideCount = $('.slider').find('img').length, 
    prevSlide = 1, 
    activeSlide = 2; 

    setInterval(function() { 

     $('#' + prevSlide).hide('slide',{direction:'left'},800); 

     $('#' + activeSlide).show('slide',{direction:'right'},800); 

     activeSlide++; 
     prevSlide = activeSlide - 1; 

     if(activeSlide === slideCount) 
      activeSlide = 1; 

     if(prevSlide === 0) 
      prevSlide = slideCount; 

    },6100) 
}