HTML 파일



포토 갤러리

<link rel="stylesheet" href="css/gallery.css">

<script src = "js/gallery.js"></script>

<div id = "image">
    Hover over an image below to display here.
</div>

<img class = "preview" alt = "Styling with a Bandana" src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/bacon.jpg" onmouseover = "upDate(this)" onmouseout = "unDo()">

<img class = "preview" alt = "With My Boy" src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/bacon2.JPG" onmouseover = "upDate(this)" onmouseout = "unDo()">

<img class = "preview" src = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/389177/bacon3.jpg" alt = "Young Puppy" onmouseover = "upDate(this)" onmouseout = "unDo()">

CSS 파일

신체{
마진: 2%;
테두리: 1px 단색 검정;
배경색: #b3b3b3;
}

영상{

line-height:650px;
    width: 575px;
height: 650px;
    border:5px solid black;
    margin:0 auto;
background-color: #8e68ff;
background-image: url('');
background-repeat: no-repeat;
color:#FFFFFF;
text-align: center;
background-size: 100%;
margin-bottom:25px;
font-size: 150%;

}
.시사{
너비: 10%;
여백-왼쪽:17%;
테두리: 10px 단색 검정;
}
이미지{
너비: 95%;
}

함수 내부에 코드를 작성해야 합니다.

기능 업데이트(미리보기 사진){
/* 이 함수에서 다음을 수행해야 합니다.
1) id = "image"인 div의 배경 이미지에 대한 URL을 변경합니다.
미리보기 이미지의 소스 파일로

2) Change the text  of the div with the id = "image" 
to the alt text of the preview image 
*/



}

함수 실행 취소(){

 /* In this function you should 
1) Update the url for the background image of the div with the id = "image" 
back to the orginal-image.  You can use the css code to see what that original URL was

2) Change the text  of the div with the id = "image" 
back to the original text.  You can use the html code to see what that original text was
*/

}