@olya_097

Как отображать в оверлее под картинками текст, который берется с дата атрибутов?

Картинки меняються успешно при листании
https://codepen.io/Olya097/pen/qBWGGJr

нужно как на скриншоте
Чтобы при листании менялся текст
а брался он из дата атрибутов
5d91bc7914da9743462492.jpeg
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
i__dmitry
@i__dmitry
Full-stack web
$(".gallery__item div").on({
    mouseenter: function () {
        $(this).text($(this).data('text'));
    },
    mouseleave: function () {
        $(this).text("");
    }
});


Ну и сам текст стилизовать - добавить z-index для отображения сверху оверлея, позиционирование и так далее.
Текст лучше заключить во внутренний селектор и работать с ним.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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