Bootstrap Atlı karınca geçişi Yalnızca hoverdağı

Question

Fikir durağan bir görüntüdür, ancak bekleyin ... bu statik bir görüntü değil, sadece hareketli olmayan bir slayt gösterisi, bu yüzden statik bir görüntü olduğunu düşünüyorsunuz. Ama sonra farenizi üzerine getirin ve hareket etmeye başlar! Web'de birkaç yer gördüm ve etkisi çok hoşuma gitti, ancak taklit etmek için bootstrap alamıyorum.

Tüm aramalarım, üzerinde durarak duraklatmaya çalışan kişiler için sonuçlara yol açıyor (herkes dokümantasyon yapabilir ...), ancak tersini yapma konusunda hiçbir şey yapmıyor. Neyse, işte temel kod ...

HTML ~ Çok bu bisiklet ve duraklatma bağımlı olduğu 2 şey vardır JS

$('.carousel').carousel({ 
     interval: false, //disable auto scrolling 
     pause: false  //prevent pause on hover... we want the opposite 
    }); 

//now I try to change the interval on hover 
$('.carousel').hover(function(){ 
    $(this).carousel({ 
     interval:1000 
    }) 
}); 

Answer 1

slayt gösterisinden

<div class="carousel slide" data-ride="carousel"> 
    <!-- Wrapper for slides --> 
    <div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
      <img src="images/image1.jpg" alt="Image one"> 
     </div> 
     <div class="item "> 
      <img src="images/image2.jpg" alt="Image two"> 
     </div> 
    </div> 
</div> 

soyunmuş Ve burada .

fare girdiğinde Başlangıçta (MouseEnter - sürgülü pause) zaman fare yaprakları (mouseLeave - sürgülü devam)

Sadece js aşağıdaki kod satırını değiştirmek/bootstrap.js dosya sürekli kayma izin vermek.

.sistem ('MouseEnter', $ .proxy (bu. duraklama bu))

.sistem ('MouseEnter', $ .proxy (bu. döngü bu) için)

Ve

.sistem ('mouseLeave', $ .proxy (bu. döngü bu))

için

.on ('mouseleave', $ .proxy (bu. bu)) pause

Sen başvurabilir