llaleksysll
@llaleksysll
Индивидуальный предприниматель, программист, прагм

Как запустить 2 галереи на одной странице?

Не могу понять, как запустить две галереи на одной странице.

Речь идёт об этом.
  • Вопрос задан
  • 37 просмотров
Решения вопроса 1
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
При вызове функции, для второй галереи укажите новый ID или class:

;(function () {
  'use strict';
  Gallery.init(document.getElementById('mygallery')); // вот тут 
}());


Например вызов для двух галерей будет выглядеть так:

;(function () {
  'use strict';
  Gallery.init(document.getElementById('mygallery-one')); // первая
}());

;(function () {
  'use strict';
  Gallery.init(document.getElementById('mygallery-two')); // вторая
}());


пример разметки
<div id="mygallery-one" class="gallery">
  <div class="images">
    <div class="active" style="background-image: url(img/01.jpg)"></div>
    <div style="background-image: url(img/02.jpg)"></div>
    <span class="left"></span>
    <span class="right"></span>
  </div>
  <div class="thumbs">
    <div class="active" style="background-image: url(img/01.jpg)"></div>
    <div style="background-image: url(img/02.jpg)"></div>
  </div>
</div>


<div id="mygallery-two" class="gallery">
  <div class="images">
    <div class="active" style="background-image: url(img/01.jpg)"></div>
    <div style="background-image: url(img/02.jpg)"></div>
    <span class="left"></span>
    <span class="right"></span>
  </div>
  <div class="thumbs">
    <div class="active" style="background-image: url(img/01.jpg)"></div>
    <div style="background-image: url(img/02.jpg)"></div>
  </div>
</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы