Как поместить текст, когда курсор находится над изображением в портфолио - PullRequest
Новая
       30

Как поместить текст, когда курсор находится над изображением в портфолио

0 голосов
/ 15 октября 2019

Я пытаюсь увидеть описание / заголовок изображения, когда курсор находится над ним в «портфолио». Является ли Wordpress / DIVI:

https://iconsmgmt.com/models/

Сначала поместите CSS-класс под названием "ds-hover-gallery"

А затем используйте этот код: 

    <script>
(function ($) {
    $(document).ready(function () {
        $(document).bind('ready ajaxComplete', function () {
            $(".ds-hover-gallery .et_pb_gallery_item").each(function () {
                $(this).find(".et_pb_gallery_title, .et_pb_gallery_caption").wrapAll('<div class="ds-gallery-text"></div>');
            });
        });
    });
})(jQuery);
</script>

Я также добавил немного CSS: 

    .ds-hover-gallery .ds-gallery-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, .8);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.ds-hover-gallery .et_pb_gallery_item:hover .ds-gallery-text {
    opacity: 1;
}

Но ничего не произошло. Это потому, что звонок в галерею, а не в портфолио? Каким будет код в этом случае?

Спасибо!

...