질문과 답변· ··조회 11,650
'자바스크립트 preload'란 ?
뜬금없이 이렇게 질문을 드려도 될지 모르겠지만..
다름이 아니라
자바스크립트 'image preload' 란 어떤 기능인지 알려 주신다면 감사하겠습니다
더불어 회원이 아닌데도 이렇게 글을 쓸 수 있는 권한을 주셔서 또 감사__)
다름이 아니라
자바스크립트 'image preload' 란 어떤 기능인지 알려 주신다면 감사하겠습니다
더불어 회원이 아닌데도 이렇게 글을 쓸 수 있는 권한을 주셔서 또 감사__)
댓글 2
일반적으로 메뉴를 만들 때 마우스를 올려놓으면 이미지가 바뀌는 경우가 있죠? 이 사이트 상단의 메뉴도 마찬가지입니다.
이럴 때 롤 오버 효과를 쓰는데요, 롤 오버 효과를 사용하려면 그림 파일이 두개가 필요하겠죠...
그냥 보일 때 이미지와 마우스를 올려 놓았을 때 이미지...
그런데 대부분의 경우 마우스를 올려 놓는 순간에 서버에서 두번째 그림을 보여줍니다. 따라서 어떨 때는 그림이 깨져 보일 때가 있습니다.(두번째 그림을 못 불러와서...)
그럴 때 preload 기능을 사용하면 좋죠.
첨부터 두 개의 그림 파일을 다 불러오기 때문에, 처음에 다소 시간이 걸리지만(그래도 거의 느끼지 못할 정도겠죠), 나중에 마우스을 올려놓으면 바로 이미지가 바뀌게 됩니다.
이렇듯, 롤 오버 효과를 위해, 롤 오버될 때 보여줄 이미지를 미리 불러올 경우 사용하는 기능입니다..
답변이 되었나요?