responsiveSlides несколько слайдов на той же странице

Question

У меня проблема с responsiveSlides (http://responsiveslides.com/). я не могу добавить // несколько слайдеров с идентификатором diferents, frist load, но остальное только показывает первое изображение.

JS:

$(function() { 
    $("#slider1").responsiveSlides({ 
     auto: false, 
     pagination: true, 
     nav: true, 
     fade: 500, 
     maxwidth: 800 
    }); 

    $("#2-bedroom-apartment").responsiveSlides({ 
     auto: false, 
     pagination: true, 
     nav: true, 
     fade: 500, 
     maxwidth: 800 
    }); 

    $("#luxury-penthouse").responsiveSlides({ 
     auto: false, 
     pagination: true, 
     nav: true, 
     fade: 500, 
     maxwidth: 800 
    }); 

}(jQuery)); 

прутик код:

  {% for seccion in imagenes %} 
       {% if loop.first %} 
        <h3 class="social-links editor"><a href="#slider{{ seccion.id }}"><i class="fa fa-camera-retro"></i>&nbsp;&nbsp;{{ habitacion.etiqueta }}</a> </h3> 
        <div class="clearfix"></div> 
        <a href="#slider{{seccion.habitacion.slug }}"> 
         <img src="{{ asset(seccion.imagen.webPath | apply_filter('articulo')) }}"> 
        </a> 


       <div id="slider{{seccion.habitacion.slug }}" class="modalDialog"> 
        <div> 
         <a href="#close" title="Close" class="close">X</a> 
         <div class="rslides_container img-responsive"> 
          <ul class="rslides" id="{{seccion.habitacion.slug }}"> 
           {% for seccion in imagenes %} 
            <li><img src="{{ asset(seccion.imagen.webPath) }}" alt="{{ seccion.imagen.alt }}" title="{{ seccion.imagen.descripcion }}"> </li> 
           {% endfor %} 
          </ul> 
         </div> 
        </div> 
       </div> 
       {% endif %} 
      {% endfor %} 

Веб: uhuru.aforrador.com/en/photo-gallery

Answer 1

Это работает для первого случая, потому что у вас есть условие {% if loop.first %}. Если вы опустите это условие, все будет нормально работать.