Twitter önyükleme karuselinin sayfa yüklenirken otomatik kaymasını önleme


119

Öyleyse, sonraki veya önceki düğme tıklanmadıkça, twitter önyükleme karuselinin sayfa yüklemesinde otomatik kaymasını önlemek için bir yol var mı?

Teşekkürler

Yanıtlar:


263

Veya Bootstrap 3.0 kullanıyorsanız, örneğin data-interval = "false" ile döngüyü durdurabilirsiniz

<div id="carousel-example-generic" class="carousel slide" data-interval="false">

Diğer yararlı atlıkarınca veri özellikleri burada -> http://getbootstrap.com/javascript/#carousel-usage


4
Bu, sorunun yanıtı% 100 değildir, çünkü aynı zamanda bir düğmeye tıklandığında bile dönmesini durdurur. Ama tam olarak aradığım buydu. Bu yüzden yine de teşekkür ederim!
Tillito

3
data-interval="false"ayrıca Bootstrap 4
Ionuț Ciuta

53

Aslında sorun şimdi çözüldü. Aşağıdaki gibi 'atlıkarınca' yöntemine 'duraklatma' bağımsız değişkenini ekledim:

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});

Her neyse, bu çözüme yönelik ipuçlarınız için çok teşekkürler @Yohn.


8
Bu, önceki / sonraki sonrasında kaymaya başlayacak, aradığınız bu değilse stackoverflow.com/a/18208327/463065 adresine bir göz atın .
Trufa

daha spesifik olanı için $(function(){ $("#idName").carousel('pause'); });
roger

43

Önceki / sonraki düğmeye basıldıktan sonra karuselin otomatik olarak kayması sorunu çözülür.

$('.carousel').carousel({
    pause: true,
    interval: false
});

GitHub 78b927b işleme


17

bootstrap 3 set kullanıyorsanızdata-interval="false"carousel'in HTML yapısında

misal:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

10
  • data-interval="false"Otomatik kaydırmayı durdurmak için kullanın
  • data-wrap="false"Dairesel kaymayı durdurmak için kullanın


5

Bootstrap carousel için parametrelerin listesi aşağıdadır. Interval, pause, wrap gibi:

görüntü açıklamasını buraya girin

Daha fazla ayrıntı için bu bağlantıya bakın:

http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

Umarım bu size yardımcı olur :)

Not: Bu, daha fazla yardım içindir. Atlıkarınca yüklendikten sonra varsayılan davranışı nasıl özelleştirebileceğinizi veya değiştirebileceğinizi kastediyorum.


2

Sanırım atlıkarınca hakkındaki resmi talimatı kontrol etmelisin, benim için yukarıda cevap bulamadım, çünkü önyüklemenin birden çok sürümü var, b4-alfa kullanıyorum ve otomatik oynatma efektinin durmasını istiyorum.

$(document).ready({
    pause:true,
    interval:false
});

bu komut dosyası, fare o sayfadan, tam olarak atlıkarınca alanından ayrılırken herhangi bir etki yapmaz. resmi tanıma gidin ve şunları bulun:

görüntü açıklamasını buraya girin

Böylece, nedenini bulacaksınız. Fare üzerinde atlı karınca sayfası tetiklenirse, sayfa duraklayacak, fareyi o sayfanın dışındayken yeniden başlayacaktır.

Yani, bir sayfanın sonsuza kadar durmasını ve manuel olarak döndürülmesini istiyorsanız, bunu ayarlayabilirsiniz data-interval='false'.


1

- Otomatik slaytı durdurmak için data-interval = "false" kullanın - Dairesel slaydı durdurmak için data-wrap = "false" kullanın

...

1

Bootstrap 4 için carousel div'den 'data-ride = "carousel"' i kaldırın. Bu, yükleme anında otomatik oynatmayı kaldırır.

Otomatik oynatmayı tekrar etkinleştirmek için, javascript'teki "oynat" çağrısını kullanmanız gerekir.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.