Question

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>

Answer 1

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