Nasıl kaydırıcı

Question

bu tür

I want to do like this

Ben kaydırıcı bu tür yapmak için sorun yaşıyorum oluşturabilir.

<div class="recent-post"> 
    <a class="prev" href="#"></a> 
    <a class="next" href="#"></a> 
    <div class="post"> 
     <img src="photo.jpg"> 
     <p>Content 1</p> 
    </div> 
    <div class="post"> 
     <img src="photo2.jpg"> 
     <p>Content 2</p> 
    </div> 
    <div class="post"> 
     <img src="photo3.jpg"> 
     <p>Content 3</p> 
    </div> 
    <div class="post"> 
     <img src="photo4.jpg"> 
     <p>Content 4</p> 
    </div> 
    <div class="post"> 
     <img src="photo5.jpg"> 
     <p>Content 5</p> 
    </div> 
    <div class="post"> 
     <img src="photo6.jpg"> 
     <p>Content 6</p> 
    </div> 
    <div class="post"> 
     <img src="photo7.jpg"> 
     <p>Content 7</p> 
    </div> 
    <div class="post"> 
     <img src="photo8.jpg"> 
     <p>Content 8</p> 
    </div> 
</div> 

böyle herhangi bir sürgü bulamadık:

İşte benim html kodu olduğunu. Şimdiden teşekkürler.

Answer 1

Herhangi bir içeriği herhangi bir standart kaydırıcı eklentisinin (HTML'yi kabul eden) slaytlarına koyabilirsiniz. Sadece HTML öğelerini birlikte gruplandırın ve bunları kayan öğeye yerleştirin. Kaydırıcı, kayma olarak s.

<div class="recent-post"> 
    <a class="prev" href="#"></a> 
    <a class="next" href="#"></a> 
    <div class="slide"> 
    <div class="post"> 
     <img src="photo.jpg"> 
     <p>Content 1</p> 
    </div> 
    <div class="post"> 
     <img src="photo2.jpg"> 
     <p>Content 2</p> 
    </div> 
    <div class="post"> 
     <img src="photo3.jpg"> 
     <p>Content 3</p> 
    </div> 
    <div class="post"> 
     <img src="photo4.jpg"> 
     <p>Content 4</p> 
    </div> 
    </div> 
    <div class="slide"> 
    <div class="post"> 
     <img src="photo5.jpg"> 
     <p>Content 5</p> 
    </div> 
    <div class="post"> 
     <img src="photo6.jpg"> 
     <p>Content 6</p> 
    </div> 
    <div class="post"> 
     <img src="photo7.jpg"> 
     <p>Content 7</p> 
    </div> 
    <div class="post"> 
     <img src="photo8.jpg"> 
     <p>Content 8</p> 
    </div> 
    </div> 
</div>