คำถามติดแท็ก carousel

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

119 jquery  twitter-bootstrap  carousel 

นี่คือเอฟเฟกต์ที่ฉันพยายามทำด้วยม้าหมุน Bootstrap 3 แทนที่จะแสดงทีละเฟรม แต่จะแสดง N เฟรมแบบสไลด์ข้างกัน จากนั้นเมื่อคุณเลื่อน (หรือเมื่อสไลด์อัตโนมัติ) ระบบจะเลื่อนกลุ่มของสไลด์เช่นเดียวกับที่ทำ สามารถทำได้ด้วยม้าหมุนของ bootstrap 3 หรือไม่? ฉันหวังว่าฉันจะไม่ต้องไปตามล่าหาปลั๊กอิน jQuery อื่น ...

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

โปรดดูภาพต่อไปนี้เรากำลังใช้ bootstrap carousel เพื่อหมุนภาพ อย่างไรก็ตามเมื่อความกว้างของหน้าต่างมีขนาดใหญ่รูปภาพจะไม่สอดคล้องกับเส้นขอบอย่างถูกต้อง แต่ตัวอย่างภาพหมุนที่จัดทำโดย bootstrap ทำงานได้ดีเสมอไม่ว่าหน้าต่างจะกว้างขนาดไหนก็ตาม ตามรหัส ใครสามารถอธิบายได้ว่าทำไมม้าหมุนจึงมีพฤติกรรมแตกต่างกัน สิ่งนี้เกี่ยวข้องกับขนาดภาพหรือไม่หรือมีการกำหนดค่า bootstrap บางส่วนหรือไม่ <section id="carousel"> <div class="hero-unit span6 columns"> <h2>Welcome to TACT !</h2> <div id="myCarousel" class="carousel slide" > <!-- Carousel items --> <div class="carousel-inner"> <div class="item active" > <img alt="" src="/eboxapps/img/3pp-1.png"> <div class="carousel-caption"> <h4>1. Need a 3rd party jar?</h4> </div> …

93 javascript  jquery  twitter-bootstrap  carousel 

ฉันจำเป็นต้องสร้างม้าหมุนที่มี 12 รายการที่จำลองล้อหมุน 3 มิติอย่างไม่สิ้นสุด เพื่อความชัดเจนฉันต้องสร้างเอฟเฟกต์นี้อย่างแม่นยำ: https://codepen.io/SitePoint/pen/yXWXaw (ดูที่นี่ ) แต่ด้วยคุณสมบัติการเพิ่มเหล่านี้ (บนเดสก์ท็อปและอุปกรณ์เคลื่อนที่โดยเฉพาะ): สไลด์ต้องทำตามการกวาดนิ้วทีละขั้นตอนนั่นคือสไลด์ควรเลื่อนในขณะที่เลื่อน (ตามที่ Swiper ทำ) ด้วยการรูดอย่างรวดเร็วก็ควรเลื่อนภาพนิ่งจำนวนมากที่มีโมเมนตัม (ตามที่ Swiper จะมี freeScroll) จากนั้นเมื่อล้อหยุดหมุนมันจะเลื่อนไปที่สไลด์ด้านหน้า (อย่างที่ Swiper ทำด้วยfreeModeStickyและ centeredSlides) ว่าเป็นล้อที่ถูกเลือกจากผู้ใช้ ฉันต้องการโทรกลับทุกครั้งที่มีการเปลี่ยนแปลงสไลด์ (เช่นเหตุการณ์slideChanged) (ตามที่ Swiper ทำ) ด้วยเหตุผลทั้งหมดนี้ฉันจึงคิดว่าSwiper 5.3.0จะเป็นจุดเริ่มต้นที่ดี ฉันลองวิธีแก้ปัญหาต่าง ๆ ที่ดีกว่าคือการตั้งค่านี้ แต่loop: trueเป็นวิธีแก้ปัญหาอันยิ่งใหญ่และทำให้เกิดปัญหา (ตรวจสอบความคิดเห็น): var swiper = new Swiper(el_class, { slidesPerView: 1.5, spaceBetween: 25, centeredSlides: …

9 javascript  css  carousel  swiper