반응형
롤오브 메뉴 이미지 또는 이미지 슬라이드의 경우 이미지가 자주 바뀌어야 하는데 이때 매번 서버에서 이미지를 가져오게 하면 트래픽이 많이 발생한다. 또한 모바일의 경우 이동중 인터넷 상태가 않좋으면 이미지 액박이 생기기도 하는데 이때 이미지를 미리 사용자PC에 로드한 다음 불러오는 방법을 이용시 인터넷이 끊어 져도 이미지는 계속 보이게 된다.
<script language="javascript">
function init()
{
img1 = new Image;
img1.src = "images/img1.jpg";
img2 = new Image;
img2.src = "images/img2.jpg";
document.getElementById("num1").src = img1.src;
document.getElementById("num2").src = img2.src;
}
</script>
<body onload="javascript:init();">
<img id="num1"><br>
<img id="num2"><br>
<body>
document.getElementById("num1").src = img1.src;
document.getElementById("num2").src = img2.src;
}
</script>
<body onload="javascript:init();">
<img id="num1"><br>
<img id="num2"><br>
<body>
반응형
'웹프로그램' 카테고리의 다른 글
| [강의] 서버프로그래밍 관리페이지 제작 + JSON 출력 + 안드로이드앱 연동 교육 (부산) (0) | 2016.03.03 |
|---|---|
| node.js displays “undefined” on the console (0) | 2015.08.26 |
| [부산] 서버 연동 앱개발을 위한 관리페이지 제작 및 JSON 출력 만들기 무료 교육 - 재직자대상 (0) | 2015.05.06 |
| JQueryMobile 에서 backround image 적용하기 (0) | 2014.12.04 |
| [그누보드] 회원가입시 자동등록방지 코드가 맞지 않습니다. 캡챠(kcaptcha) 에러 해결 방법 (0) | 2014.01.24 |
| file_get_contents() Warning 오류 해결 방법 (0) | 2012.02.04 |
| 자바스크립트 이용해서 다음 카페 대문에 iframe 삽입하기 (0) | 2010.12.29 |
| Warning: Cannot modify header information - headers already sent by 오류 해결 방법 (0) | 2010.12.27 |