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

meter texto en el slider

Tengo una pagina html la cual he metido el típico slider para que pasen las imágenes

<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="curtain-1,papercut" 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>

¿ Como puedo hacer para poner un texto que se muestre a la vez que la foto ?

Muchas gracias

1 Respuesta

0voto

Leonardo-Tadei Puntos227040

Esto depende de la tecnología del slider que estés usando, y con algunos hasta es imposible porque solo muestran imágenes.

Podés probar fácilmente si soporta texto poniendo en lugar del IMG un P con el texto que quieras mostrar:

<li data-transition="curtain-1,papercut" data-slotamount="7" data-masterspeed="300" >
   <p>Esto es un texto para mostrar</p>
</li>

No debería ser problema poner en lugar de un P un DIV con varios elementos, etc.
Saludos!

0voto

gonzalss comentado

Si sustituyo el

<p>Esto es un texto para mostrar</p>

por la imagen se muestra el texto.Lo que quiero es que el texto se superponga con la imagen.

Cuando pongo :

<li data-transition="cubic" data-slotamount="7" data-masterspeed="300">
                        <img src="img/principal.jpg" alt=""> <p>Esto es un texto para mostrar</p>

No se muestra el texto , sólo la imagen

Aquí lo tengo http://grupo-humano.es/index.html

Muchas gracias

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