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

meters dos slider

Estoy con esta web http://pruebagonzalo.org.es/ocio/.

Tengo dos slider y por el motivo que desconozco sólo me aparece el primer slider y no el segundo

    <div class="wrap">
          <div class="slider">
            <div class="slider-wrapper theme-default">
                <div id="slider" class="nivoSlider">
                    <img src="images/frontal.png" data-thumb="images/frontal.png" alt="">
                    <img src="images/frontal2.png" data-thumb="images/frontal2.png" alt="">
                    <img src="images/frontal3.png" data-thumb="images/frontal3.png" alt="">

                     <img src="images/4.jpg" data-thumb="images/4.jpg" alt="">
                </div>
            </div>
        </div>
      </div>

  </div>

        <div class="wrap">
          <div class="slider">
            <div class="slider-wrapper theme-default">
                <div id="slider" class="nivoSlider">
                    <img src="images/frontal.png" data-thumb="images/frontal.png" alt="">
                    <img src="images/frontal2.png" data-thumb="images/frontal2.png" alt="">
                    <img src="images/frontal3.png" data-thumb="images/frontal3.png" alt="">

                     <img src="images/4.jpg" data-thumb="images/4.jpg" alt="">
                </div>
            </div>
        </div>
      </div>

1 Respuesta

1voto

Leonardo-Tadei Puntos227320

Hola @gonzalss,

el problema que tenés, es que la biblioteca que genera el slider se basa en el ID del elemento, y vos tenés 2 ID que se llaman igual (lo cual además es inválido en HTML)

Tendría que quedarte algo con esta estructura:

...
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider(); // Inicializo uno
        $('#otro_slider').nivoSlider(); // Inicializo el otro
    });
</script>
...
<div id="slider" class="nivoSlider">
...
</div>
...
<div id="otro_slider" class="nivoSlider">
...
</div>
...

Saludos cordiales

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