Я новичок программист, и я не знаю, как я могу показать .jpg изображение после загрузки моего сайта. Я хочу установить его на всю страницу (высота и ширина 100%) и позволить ему скрываться после щелчка пользователя.Как показать изображение полной страницы на веб-сайте при загрузке, которое скрывается после щелчка пользователя?
Via HTML
<img style="width:100%;height:100%" id="image" src="...">
или CSS
#image
{
width: 100%;
height:100%;
}
Затем в JavaScript
// add event listener to the image
var el = document.getElementById("image");
el.addEventListener("click", hide_img, false);
function hide_img(){
this.style.display="none";
}
<script>//this is javascript...
window.onload=()=>{
//when the page loaded create new image
img=document.createElement("img");
//set the image data
img.src="img.jpg";
img.style.height="100%";
img.style.width="100%";
//onclick remove image
img.onclick=()=>{
img.parentNode.removeChild(img);
};
//add image to page
document.body.appendChild(img);
}
</script>
Что вы пытаетесь достичь этого в первую очередь? Пожалуйста, по крайней мере, ищите по всему Интернету то, что вам нужно, и отправляйте конкретные вопросы только по конкретным проблемам. – LordWilmore
Пожалуйста, прочитайте [Как задать хороший вопрос] (http://stackoverflow.com/help/how-to-ask) и соответствующим образом отредактируйте свой вопрос, так как он значительно улучшит ваши шансы получить хорошие ответы взамен и не будет ваш вопрос занижен или закрыт. –