Как упростить скрипт

Тема в разделе "JavaScript", создана пользователем runyugin, 1 авг 2014.

Модераторы: ZiX
  1. runyugin

    runyugin Постоялец

    Регистр.:
    30 июн 2013
    Сообщения:
    54
    Симпатии:
    4

    1. Код:
          <script>
                $(document).ready(function() {
            $('#auto-loop1').lightGallery({loop:true, auto:true, pause:4000, rel:true});
            $('#auto-loop2').lightGallery({loop:true, auto:true, pause:4000, rel:true});
            $('#auto-loop3').lightGallery({loop:true, auto:true, pause:4000, rel:true});
            $('#auto-loop4').lightGallery({loop:true, auto:true, pause:4000, rel:true});
            $('#auto-loop5').lightGallery({loop:true, auto:true, pause:4000, rel:true});
          ...
            });
          
          </script>
      
      
    Количество div всегда разное, чтоб в скрипте не перечислять подобным образом как можно упростить?



    #auto-loop может доходить до 200...
     
    Шумадан нравится это.
  2. SimonSmith

    SimonSmith Постоялец

    Регистр.:
    25 сен 2008
    Сообщения:
    148
    Симпатии:
    33
    Как-то так:
    Код:
    $(document).ready(function(){
    iCountAutoLoop = $('[id^=auto-loop]').length;
    
    for(i=1;i<=iCountAutoLoop;i++){
         $('#auto-loop'+i).lightGallery({loop:true, auto:true, pause:4000, rel:true});
    }
    });
     
    Шумадан нравится это.
  3. Шумадан

    Шумадан Хабарра!!11

    Регистр.:
    6 фев 2008
    Сообщения:
    1.728
    Симпатии:
    2.105
  4. BaBL

    BaBL Постоялец

    Регистр.:
    13 ноя 2012
    Сообщения:
    144
    Симпатии:
    87
    jQuery уже используется, как я полагаю?

    Код:
    <script>
       $(document).ready(function() {
          $('[id^=auto-loop]').each(function() {
             $(this).lightGallery({loop:true, auto:true, pause:4000, rel:true});
           });
       });
    </script>