먼저, 부트 스트랩 사진 회전 목마를 보여 드리겠습니다. 효과는 다음과 같습니다. 효과가 꽤 좋다고 생각되면 계속 읽고 구현 코드를 참조하십시오.
나는 말도 안되는 말을하지 않을 것입니다. 나는 당신에게 코드를 게시 할 것입니다. 특정 코드는 다음과 같습니다.
<! docType html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-catsible"content = "ie get"> <meta name = "viewport"contment = "width = device-width, mete-scale = 1"-위의 3 개의 태그 * 다른 컨텐츠 *를 따라야합니다! -> <title> 그림 carousel_01 </title> <!-bootstrap-> <link href = "../ bootstrap-3.3.5-dist/css/bootstrap.min.css"rel = "Stylesheet"> <script src = "../ js/jquery-2.1.4.min.js"> </script> <cript src = "../ bootstrap-3.3.5-dist/js/bootstrap.min.js"> </script> </script> </head> <! id = "carousel-example-generic"> <ol> <li data-target = "#carousel-example-generic"data-slide-to = "0"> </li> <li data-target = "#carousel-example-generic"data-slide-to = "1"> <li data-target = "#carousel- explample-generic" "0-explample-generic" "0-generic" data-target = "#carousel-example-generic"data-slide-to = "1"> </li> <li data-target = "#carousel-example-generic"data-slide-to = "2"> </li> <li data-target = "#carousel-example-generic"data-slide-to = "3"> </ol> src = "../ IMG/Pictue Carousel/pic01.jpg"/> </div> <div> <img src = "../ img/picture carousel/pic02.jpg"/> <!-그림에 표시 될 텍스트-> <div> <h3> Lenovo Campus ampassador </div> </div> </div> </div> </div> </div> </h3> src = "../ IMG/Pictue Carousel/pic03.jpg"/> </div> <div> <img src = "../ img/pictue carousel/pic04.jpg"/> </div> <!-컨트롤-> <a href = "#carousel-example-generic" "button" "<prev"> <prev "> aria-hidden = "true"> </span> <span> previous </span> </a> </a> <a href = "#carousel-example-generic"lole = "button"data-slide = "next"> <span aria-hidden = "true"> </span> </span> </a> </a> </div> <!-- 시간 자동으로 설정, javascript를 통해 시작됩니다. 사람의 개입이없는 CSS 속성 설정 -> <cript> $ ( ". carousel"). 회전식 ({interval : 4000}) </script> </body> </html>위는 편집기가 소개 한 부트 스트랩을 기반으로 부트 스트랩 기반 이미지 회전식 효과 디스플레이의 샘플 코드입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!