Во -первых, я покажу вам карусель Bootstrap Picture. Эффект заключается в следующем. Если вы чувствуете, что эффект довольно хорош, пожалуйста, продолжайте читать и обратитесь к коду реализации.
Я не скажу много чепухи, я просто опубликую вам код. Конкретный код заключается в следующем:
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-совместимый" content = "ie = Edge"> <meta name = "viewport" content "и width = device-width, piront-scale = 1"> <! Другой контент * должен * следовать за ними! -> <Tille> картинка 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" src = "../ Bootstrap-3.3.5-Dist/JS/Bootstrap.min.js"> </script> </head> <body> <!-Автор: Кайл Время: 2016-02-20 Описание: Карусельдат-Interval = "4000" Время добычи/изображение. 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><li data-target="#carousel-example-generic" data-slide-to="0"></li><li 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"> </li> </ol> <-div> <mig> <mig> <mig> <mig> <mig> <mig> <mig> <-div> <meg> <mig> src = "../ img/picture carousel/pic01.jpg"/> </div> <div> <img src = "../ img/picture carousel/pic02.jpg"/> <!-Текст, который будет отображаться на картинке-> <h3> lenovo campus Ambassador </h3> </div> </div> <miv> src = "../ img/picture carousel/pic03.jpg"/> </div> <div> <img src = "../ img/picture carousel/pic04.jpg"/> </div> <!-Controls-> <a href = "#carousel-example-generic" rot = " aria-hidden = "true"> </span> <pran> предыдущий </span> </a> <a href = "#carousel-example-generic" role = "кнопка" data-slide = "next"> <span aria-hidden = "true"> </span> hale </span> </a> </div> </div> </div> <! Установка атрибутов CSS без вмешательства человека -> <Script> $ (". Carousel"). Carousel ({интервал: 4000}) </script> </body> </html>Выше приведено образец кода отображения эффекта карусели изображения на основе начальной загрузки на основе начальной загрузки, который редактор представил вам. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!