Как я вызываю изображение на всплывающем окне в HTML nd JS
Привет
Как я называю изображение всплывающим в HTML и JS при загрузке страницы
Что я уже пробовал:
Цитата:$(документ).готово(функция () {
//выберите всплывающую рамку и покажите ее
$("#popup").hide().fadeIn(1000);
//закройте всплывающее окно, если нажата кнопка с идентификатором="закрыть"
$("#close").on("click", function (e) {
е.метод preventDefault();
$("#popup").fadeOut(1000);
});
});
<div id="popup">
<!-- and here comes the image -->
<img src="logo.png" alt="popup"/>
<!-- Now this is the button which closes the popup-->
<div class="panel-footer">
<button id="close" class="btn btn-lg btn-primary">x</button>
</div>
Suvendu Shekhar Giri
Попробуйте сначала скрыть его от css и вызова FadeIn().
Gurpreet Arora Malhotra
Как же так ??
Suvendu Shekhar Giri
#всплывающий {
дисплей:нет;
}
Gurpreet Arora Malhotra
Я тоже так не думаю
#всплывающий {
дисплей: нет;
положение: абсолютное;
маржа: 0 авто;
топ: 50%;
осталось: 50%;
transform: translate(-50%, -50%);
z-индекс: 9999;
}
Gurpreet Arora Malhotra
Я сделал это с помощью bootstrap модалов