Как открыть всплывающее окно автоматически, когда веб-сайт открывается в Laravel 5.6?

Question

Я хочу показать текст и изображение с кнопкой закрытия, как показано на рисунке ниже, во всплывающем окне автоматически при открытии веб-сайта в laravel 5.6.Я не смог найти решение.

Answer 1

Поместите этот элемент в div и установите display:none; в качестве стиля.Например

<div id="yourElementID" style="display:none;"> <img src="img.jpg"><p>text</p> </div>

Для отображения его при загрузке: Вы должны использовать Javascript / jQuery для него.Либо чистый JS

<script>
window.onload = function() {
  document.getElementById('yourElementID').style.display = "block";
};
</script>

, либо с jQuery

$(document).ready(function() {
    $('#yourElementId').show();
});

Если вы хотите, чтобы он немного подождал, прежде чем показывать тайм-аут использования.И хорошо. Если вы хотите, чтобы на нем также была кнопка закрытия, вы можете поместить туда элемент img или a и установить атрибут onClick="$(this).hide();" <- Если вы используете jQuery </p>