การป้องกันไม่ให้ twitter bootstrap carousel เลื่อนอัตโนมัติเมื่อโหลดหน้าเว็บ

ดังนั้นจะมีการป้องกันไม่ให้ twitter bootstrap carousel เลื่อนอัตโนมัติในการโหลดหน้าเว้นแต่จะคลิกปุ่มถัดไปหรือก่อนหน้า

ขอบคุณ

หรือถ้าคุณใช้ Bootstrap 3.0 คุณสามารถหยุดการขี่จักรยานด้วย data-interval = "false" เช่น

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

แอตทริบิวต์ข้อมูลภาพหมุนที่เป็นประโยชน์อื่น ๆ อยู่ที่นี่ -> http://getbootstrap.com/javascript/#carousel-usage

จริงๆแล้วตอนนี้แก้ปัญหาได้แล้ว ฉันเพิ่มอาร์กิวเมนต์ 'หยุดชั่วคราว' ลงในเมธอด 'carousel' ดังต่อไปนี้:

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

อย่างไรก็ตามขอบคุณ @Yohn มากสำหรับคำแนะนำของคุณในการแก้ปัญหานี้

ปัญหาเกี่ยวกับม้าหมุนเลื่อนโดยอัตโนมัติหลังจากการกดปุ่มก่อนหน้า / ถัดไปได้รับการแก้ไข

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

GitHub กระทำ 78b927b

หากคุณใช้bootstrap 3ตั้งค่าdata-interval="false"ในโครงสร้าง HTML ของภาพหมุน

ตัวอย่าง:

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

• ใช้data-interval="false"เพื่อหยุดสไลด์อัตโนมัติ
• ใช้data-wrap="false"เพื่อหยุดสไลด์แบบวงกลม

เพิ่มสิ่งนี้ลงใน div Coursel ของคุณ:

data-interval="false"

ด้านล่างนี้คือรายการพารามิเตอร์สำหรับ bootstrap carousel เช่นเดียวกับช่วงเวลาหยุดชั่วคราวตัด:

สำหรับรายละเอียดเพิ่มเติมโปรดดูที่ลิงค์นี้:

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

หวังว่านี่จะช่วยคุณได้ :)

หมายเหตุ:สำหรับความช่วยเหลือเพิ่มเติม ฉันหมายถึงวิธีที่คุณสามารถปรับแต่งหรือเปลี่ยนพฤติกรรมเริ่มต้นเมื่อโหลดภาพหมุนแล้ว

ฉันคิดว่าบางทีคุณควรไปตรวจสอบคำแนะนำอย่างเป็นทางการเกี่ยวกับม้าหมุนสำหรับฉันฉันไม่พบคำตอบข้างต้นเนื่องจาก bootstrap หลายเวอร์ชันฉันใช้ b4-alpha และฉันต้องการให้เอฟเฟกต์เล่นอัตโนมัติหยุด

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

สคริปต์นี้จะไม่ส่งผลใด ๆ ในขณะที่เมาส์ออกจากหน้านั้นตรงบริเวณแบบหมุน ไปที่คำจำกัดความอย่างเป็นทางการและค้นหาสิ่งเหล่านี้:

ดังนั้นคุณจะพบว่า why. if carousel page onmouseover event trigger, page will pause, while mouse out of the page, it will resume again.

ดังนั้นหากคุณต้องการให้เพจหยุดตลอดไปและหมุนด้วยตนเองคุณก็สามารถตั้งค่าdata-interval='false'ได้

- ใช้ data-interval = "false" เพื่อหยุดสไลด์อัตโนมัติ - ใช้ data-wrap = "false" เพื่อหยุดสไลด์แบบวงกลม

สำหรับ Bootstrap 4 ให้ลบ 'data-ride = "carousel"' ออกจาก carousel div ซึ่งจะลบการเล่นอัตโนมัติในเวลาโหลด

หากต้องการเปิดใช้งานการเล่นอัตโนมัติอีกครั้งคุณยังคงต้องใช้การเรียก "เล่น" ในจาวาสคริปต์