ก่อนอื่นฉันจะแสดงให้คุณเห็น Bootstrap Picture Picture Carousel เอฟเฟกต์มีดังนี้ หากคุณรู้สึกว่าเอฟเฟกต์ค่อนข้างดีโปรดอ่านต่อและอ้างอิงถึงรหัสการใช้งาน
ฉันจะไม่พูดเรื่องไร้สาระมากฉันจะโพสต์รหัสให้คุณ รหัสเฉพาะมีดังนี้:
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua content =" ede = edge "> และเนื้อหาอื่น ๆ * ต้อง * ติดตามพวกเขา! -> <title> รูปภาพ carousel_01 </title> <!-bootstrap-> <link href = "../ bootstrap-3.3.5-dist/css/bootstrap.min.css" rel = "Stylesheet"> <script src = " src = "../ bootstrap-3.3.5-dist/js/bootstrap.min.js"> </script> </head> <body> <!-ผู้แต่ง: Kyle Time: 2016-02-20 คำอธิบาย: carouseldate-interval = "4000" เวลาที่อยู่อาศัย id = "Carousel-Example-Generic"> <ol> <li data-target = "#carousel- example-generic" data slide-to = "0"> </li> <li data-target = "#carousel-example-generic-generic-slide-to =" 1 "> </li> data-slide-to = "0"> </li> <li data-target = "#carousel-example-generic" data-slide-to = "1"> </li> <li data-target = "#carousel-example-generic-slide-to =" 2 "> </li> data-slide-to = "3"> </li> </ol> <div> <div> <img src = "../ img/picture carousel/pic01.jpg"/> </div> <div> <img src = "../ img/picture carousel/pic02.jpg"/> <! Ambassador </h3> </div> </div> <div> <img src = "../ img/picture carousel/pic03.jpg"/> </div> <div> <img src = "../ img/picture carousel/pic04.jpg"/> </div> data-slide = "prev"> <span aria-hidden = "true"> </span> <span> ก่อนหน้า </span> </a> <a href = "#carousel-example-generic" role = "button" data-slide = "next"> JavaScript สิ่งนี้สามารถเริ่มต้นได้โดยอัตโนมัติเมื่อเทียบกับการตั้งค่าแอตทริบิวต์ CSS โดยไม่ต้องแทรกแซงมนุษย์ -> <script> $ (". Carousel") Carousel ({Interval: 4000}) </script> </body> </html>ด้านบนเป็นรหัสตัวอย่างของการแสดงผลภาพม้าหมุนอิมเมจที่ใช้ bootstrap ตาม bootstrap ที่ตัวแก้ไขแนะนำให้คุณ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!