Primeiro, mostrarei o bootstrap picture carousel. O efeito é o seguinte. Se você acha que o efeito é muito bom, continue lendo e consulte o código de implementação.
Não vou dizer muita bobagem, vou apenas postar o código para você. O código específico é o seguinte:
<! Doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-compatible" content = "ie = edge"> <meta name "" viewport "=" width = device-width,, inicialmente scale "> <meta =" viewport "=" width = device-width,, sply-scale "> <meta =" viewport "=" width = device-width, " E qualquer outro conteúdo * deve * segui -los! -> <title> Picture carousel_01 </ititle> <!-bootstrap-> <link href = "../ bootstrap-3.3.5-dist/css/bootstrap.min.css" rel = "Stylesheet"> <script src = "/ js/jQuery-2.1.4.min.js "> <Script src = "/ js/jQuery-2.1.4.min.js"> " src = "../ bootstrap-3.3.5-dist/js/bootstrap.min.js"> </sCript> </ad Head> <body> <!-Autor: Kyle Horário: 2016-02-20 Descrição: CAROUSELDATEVAL = "4000" Horário/sere id = "carousel-expler-generic"> <ol> <li data-target = "#carrossel-explergenérico" "slide-to =" 0 "> </li> <li data-target ="#carousel-explerg-genérico "data-slide-to =" 1 "> </li> <li Data-target =" Data-Target = "#Carousel-Exemplo-Genérico" Data-Slide-to = "1"> </li> <Li Data-Target = "#Carousel-Exemplo-Genérico" Data-Slide-To = "2"> </li> <Li Data-Target = "#carousel-exple-genérico" "> <li> <Li"> 3 "> </li> src = "../ img/picture carousel/pic01.jpg"/> </div> <div> <img src = "../ img/picture carousel/pic02.jpg"/> <!-text a ser exibido na imagem-> <d3> lenovo campus embassador </h3> src = "../ img/picture carousel/pic03.jpg"/> </div> <div> <img src = "../ img/picture carousel/pic04.jpg"/> </div> <!-controla-> <a href = "#previ prevérsel-explerbeneric" role = "" "-slutão-> aria-hidden = "true"> </span> <pan> anterior </span> </a> <a href = "#carousel-exemplo-generérico" role = "button" data-slide = "next"> <span Aria-hidden = "true"> </span> <span> em seguida </span> </a> </div> <! Configuração de atributo sem intervenção humana -> <Script> $ (". Carousel"). Carousel ({intervalo: 4000}) </script> </body> </html>O acima exposto é o código de amostra da exibição de efeito de imagem de imagem baseada em bootstrap com base no bootstrap que o editor apresentou a você. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!