Слайдер галерея описаний? - PullRequest
0 голосов
/ 01 февраля 2019

Я создаю веб-сайт для компании, которая предлагает много разных продуктов, поэтому мне нужно создать полдюжины страниц с фотогалереями.Я уже написал весь код для галереи, поэтому все, что мне нужно сделать, это скопировать HTML-код на каждой новой странице и изменить источники изображений.

Однако мне также нужны небольшие описания или заголовки, чтобы они появлялись под каждым изображением.Теперь я могу сделать это следующим образом

if (iter === 36) {
        $('.product-title p').html('<p>Photo 36 description</p>');

Однако, учитывая, что у меня есть 7 страниц с галереями и около 30 изображений на галерею, написание этого вручную одного за другим сделает мой код чертовски огромным.

Мне интересно, есть ли более простой способ добавить заголовки / описания под галереей, которые меняются при изменении изображения?

Заранее спасибо.

1 Ответ

0 голосов
/ 01 февраля 2019

Вы можете сохранить описание изображения, используя атрибут html, например, data-image-description="Photo 36 description".

. При таком подходе вы перемещаете жестко закодированное значение из JS в HTML.Единственное, что вам нужно сделать в JS - это прочитать данные атрибута и установить желаемое значение.

...