Ejemplo: control deslizante bootstrap 5
<divid="carouselExampleCaptions"class="carousel slide"data-bs-ride="carousel"><divclass="carousel-indicators"><buttontype="button"data-bs-target="#carouselExampleCaptions"data-bs-slide-to="0"class="active"aria-current="true"aria-label="Slide 1">button><buttontype="button"data-bs-target="#carouselExampleCaptions"data-bs-slide-to="1"aria-label="Slide 2">button><buttontype="button"data-bs-target="#carouselExampleCaptions"data-bs-slide-to="2"aria-label="Slide 3">button>div><divclass="carousel-inner"><divclass="carousel-item active"><imgsrc="..."class="d-block w-100"alt="..."><divclass="carousel-caption d-none d-md-block"><h5>First slide labelh5><p>Some representative placeholder content for the first slide.p>div>div><divclass="carousel-item"><imgsrc="..."class="d-block w-100"alt="..."><divclass="carousel-caption d-none d-md-block"><h5>Second slide labelh5><p>Some representative placeholder content for the second slide.p>div>div><divclass="carousel-item"><imgsrc="..."class="d-block w-100"alt="..."><divclass="carousel-caption d-none d-md-block"><h5>Third slide labelh5><p>Some representative placeholder content for the third slide.p>div>div>div><buttonclass="carousel-control-prev"type="button"data-bs-target="#carouselExampleCaptions"data-bs-slide="prev"><spanclass="carousel-control-prev-icon"aria-hidden="true">span><spanclass="visually-hidden">Previousspan>button><buttonclass="carousel-control-next"type="button"data-bs-target="#carouselExampleCaptions"data-bs-slide="next"><spanclass="carousel-control-next-icon"aria-hidden="true">span><spanclass="visually-hidden">Nextspan>button>div>
Recuerda que te brindamos la opción de glosar tu experiencia .
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)