Estoy trabajando con react
y bootstrap
y quiero poner una imagen de fondo en carrusel(que vaya cambiando cada cierto tiempo a otra) y encima de ello poner un formulario.
Mi primer problema es que no sé cómo hacer que el carrusel apunte a la otra imagen.
este es el código del carrusel:
render() {
return (
<form>
<fieldset>
<div
id="carouselExampleControls"
className="carousel slide"
data-ride="carousel"
>
<div className="carousel-inner">
<div id="imagen1" className="carousel-item active">
<img
src="http://www.topfranquicias.es/img_noticias/180629-estetica.jpg"
className="d-block w-100"
/>
</div>
<div id="imagen2" className="carousel-item">
<img
src="https://shadhar.cl/wp-content/uploads/2018/08/Limpieza-Facial-Profunda-Microdermoabrasio%CC%81n-1.jpg"
className="d-block w-100"
/>
</div>
</div>
<a
className="carousel-control-prev"
href="#imagen1"
role="button"
data-slide="prev"
>
<span
className="carousel-control-prev-icon"
aria-hidden="true"
></span>
<span className="sr-only">Anterior</span>
</a>
<a
className="carousel-control-next"
href="#imagen2"
role="button"
data-slide="next"
>
<span
className="carousel-control-next-icon"
aria-hidden="true"
></span>
<span className="sr-only">Siguiente</span>
</a>
</div>
<div className="container">
<div className="jumbotron border-left col-5 p-5 float-right">
<div className="form-group">
<label
className="col-form-label col-form-label-lg"
htmlFor="inputLarge"
>
Solicite una cita
</label>
<input
type="email"
className="form-control"
id="inputEmail"
aria-describedby="emailHelp"
placeholder="Ingresar Mail"
/>
<input
type="Name"
className="form-control"
id="InputName"
aria-describedby="emailHelp"
placeholder="Nombre Completo"
/>
<input
type="phone"
className="form-control"
id="InputName"
aria-describedby="emailHelp"
placeholder="Número"
/>
<input
className="form-control form-control-lg"
type="text"
placeholder="Ingrese consulta"
id="inputConsult"
/>
<button type="button" className="btn btn-success">
Listo
</button>
</div>
</div>
</div>
</fieldset>
</form>
);
}
si se entiende mejor, quiero sobreponer en una imagen no estática un formulario el cual después quiero rellenar. pd: soy novato haciendo estas cosas
react-background-slider
? quizás sea una buena solución para lo que necesitas. – Alter Lagos el 4 sep. a las 22:46