c드라이브에
webserver라는 폴더에
메모장을 사용해서 html을 만들어서
사과사진을 넣어보려고 하는데
이미지를 어디에 넣고 어디위치로 지정해야 하나요
C:\webserver\apple.png 여기에 있는데 이 걸 다써넣으면 되나요?
<!DOCTYPE html>
<html>
<head>
<title>외부파일에 자바스크립트 합성</title>
</head>
<body>
<h3>마우스를 올려보세요</h3>
<hr>
<img src="media/apple.png" alt="이미지"
onmouseover="over(this)"
onmouseout="out(this)">
</body>
</html>
funcrion over(obj) {
obj.src="webserver/media/banana.png";
}
function out(obj) {
obj.src="webserver/media/apple.png";
}| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 공지 |
읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다.
|
관리자 | 2017.06.20 | 18274 |
| 403 | 자바스크립트에 대해 1 | 이윤재 | 2017.01.26 | 310 |
| » | 페이지에 첨부하고 싶은 이미지의 위치에대해 궁금합니다 1 | 정택희 | 2017.02.13 | 277 |
| 401 | 웹 프로그래밍 책 답안지 1 | mumu | 2017.03.06 | 14075 |
| 400 | 이미지를 HTML 파일과 같은 폴더에 저장하였는데 왜 이미지가 보이지 않을까요? 1 | 황기태 | 2017.03.27 | 547 |
| 399 | open challenge 코드 11 | hardworking | 2017.03.27 | 1106 |
| 398 | 인코딩, 앵커 1 | 간구 | 2017.03.27 | 160 |
| 397 | 연습문제 답안지 2 | vdncnck | 2017.03.28 | 3264 |
| 396 | open challenge 05 2 | hardworking | 2017.03.29 | 2224 |
| 395 |
3장의 실습문제
1
|
minju0508 | 2017.04.02 | 1334 |
| 394 | 실습문제 7장 2번 질문있습니다 1 | jobjob | 2017.04.04 | 1458 |
| 393 | 6장 예제 6-23 1 | 은성 | 2017.04.04 | 317 |
| 392 | 8장 연습문제 8번 5 | 은성 | 2017.04.05 | 1361 |
| 391 | 8장 실습문제 7번 5 | 은성 | 2017.04.05 | 695 |
| 390 | 9장 실습문제 4번 3 | 은성 | 2017.04.06 | 1172 |
| 389 | 10장 오픈챌린지 5 | 은성 | 2017.04.07 | 2247 |
| 388 | placeholder속성 1 | khl | 2017.04.08 | 85715 |
| 387 | 7장 오픈첼린지 1 | Bolt | 2017.04.11 | 1071 |
| 386 | 책을 마치며 7 | 은성 | 2017.04.13 | 492 |
| 385 | ㅠㅠ..질문좀 드리겠습니다.. 1 | 은성 | 2017.04.18 | 3835 |
| 384 | Open Challenge 와 실습문제 자료 2 | 김원상 | 2017.04.29 | 7446 |
1. 웹 브라우저는 html 파일이 있는 위치를 기준으로 이미지 파일의 위치를 파악합니다.
그러므로 html 파일을 만든 폴더에 이미지가 들어 있다면 위의 소스 코드에서 이미지 부분을 다음과 같이 수정해야 합니다.
<img src = "apple.png" ..>
obj.src = "banana.png" 등
하지만, 만일 C:\webserver\media 폴더 아래에 이미지가 있는 경우, 다음과 같이 수정하면 됩니다.
<img src = "media/apple.png" ..>
obj.src = "media/banana.png" 등
2. 질문하신 분의 코드에서 아래 funcrion을 function으로 수정해야 합니다.
funcrion over(obj) {
잘 안되거나 다른 질문이 있으면 주저 말고 질문하세요.