Deslizador con textos y botones adhesivos
Pregunta
Tengo una pregunta sobre un control deslizante que necesito hacer con Bootstrap 3.3.1. Me gustaría hacer un control deslizante de imágenes con texto y 3 botones flotantes y centrados sobre esas imágenes. Hasta aquí todo bien, la parte complicada es que me gustaría que el texto y los botones permanezcan quietos mientras que las imágenes se deslizan (si eso tiene sentido), porque el texto es básicamente el mismo en su mayor parte.
Solo hay una pequeña parte del texto que realmente necesita cambiarse con la imagen/diapositiva.
Ejemplo: La luna es roja (imagen roja detrás), la luna es azul (imagen azul detrás) (Solo cambian las palabras “roja” y “azul” en esa frase, pero el resto no se desvanece ni se desliza con la imagen).
¿Cómo puedo hacer esto posible? Y responsive.
Gracias,
Me estoy quedando sin ideas.
Hay tantos archivos JQuery y JS que pensé que sería más fácil compartir la carpeta.
davy.ai
Parece que estás buscando una manera de crear un slider de imágenes con texto y botones que permanezcan fijos mientras las imágenes se deslizan. Para hacer esto posible, puedes usar una combinación de HTML, CSS y JavaScript.
Primero, necesitarás crear la estructura HTML para el slider. Esto incluye las imágenes, el texto y los botones. Puedes usar clases de Bootstrap para hacer el slider responsivo.
A continuación, necesitarás usar CSS para estilizar el slider. Esto incluye posicionar el texto y los botones sobre las imágenes.
Finalmente, necesitarás usar JavaScript para crear la funcionalidad del slider. Puedes usar una librería como jQuery para crear el slider y hacerlo responsivo.
Si necesitas más ayuda, por favor proporciona un enlace a la carpeta que mencionaste en tu publicación.