entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

slider con imágenes y texto

He metido un slider con una serie de imágenes

   <div class="slider-container">               
            <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper" style="margin:0px auto;background-color:#ffffff;padding:0px;margin-top:0px;margin-bottom:0px;height:380px;width:960px;">
                        <div id="rev_slider_1_1" class="rev_slider" style="display:none;height:380px;width:960px;">                     
                                            <ul>
                                    <li data-transition="cubic" data-slotamount="7" data-masterspeed="300">
                            <img src="img/principal.jpg" alt="">  
                                            </li>
                        <li data-transition="cubic" data-slotamount="7" data-masterspeed="300">
                            <img src="imagenes/principal1.jpg" alt=""> 
                                            </li>

                                          <li data-transition="curtain-1,papercut" data-slotamount="7" data-masterspeed="300">
                            <img src="imagenes/flor_bordillo.jpg" alt="">
                                                </li>
                                                        </ul>
                                            </div>

Cómo podría poner una serie de texto que super pongas a las imágenes ?
En su día me recomendasteis que comprobara si el slider soportaba la función de texto y si sustituto <img> por <p> se muestro el texto.
Y si pongo

<li data-transition="cubic" data-slotamount="7" data-masterspeed="300">
                <img src="img/principal.jpg" alt="">   <p> Texto a incluir </p> 

Solo se muestra la imagen .

Muchas gracias

0voto

white comentado

Haber si entendi, deseas que cada imagen del slider tenga un texto superpuesto?

algo como esta imágen: http://i.imgur.com/EcI3KSB.png ?

1 Respuesta

2votos

Leonardo-Tadei Puntos227040

Hola Gonzalez.

sí es el slider que está en http://grupo-humano.es/index.html, sí soporta texto.
Posiblemente no lo viste cuando lo pusiste porque el slider define un tamaño fijo, y el texto te debe haber quedado fuera del área visible.

Estoy agregando un DIV y con CSS diciéndole la posición, y se muestra corectamente:

<img style="width: 960px; height: 718px; opacity: 0;" class="defaultimg" src="imagenes/flor_bordillo2.jpg" alt=""><div class="texto">Hola Mundo</div>

y el estilo a la clase "texto" es:

.texto{
   font-size: 40px; 
   position: fixed; 
   top: 0px;"
}

aunque podrías ubicarlo en otras posiciones. Lo importante es que el estilo que define la capa del texto quede encima de la imagen.

Saludos!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta