마우스오버 속도질문입니다..
버튼에 마우스오버효과를 써서 이미지를 넣었는데
이미지가 바로 안나오고 어느정도 딜레이후에 나옵니다...
이거 속도를 좀 개선할 방법없을까요?
이미지가 바로 안나오고 어느정도 딜레이후에 나옵니다...
이거 속도를 좀 개선할 방법없을까요?
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 5개
보통은 css로...
.button a {background-image:(url 1)}
.button a:hover {background-image:(url 2)}
대략 이렇게 하시믄 심플하구요..
정 답답하시면 플래시로 만드시던가. 하시믄... 일단 로딩하고 시작하니까 딜레이는 없겠죠..
배경이미지 포지션을 변경해서 효과를 내는 방법도 있습니다.
이렇게하면 이미지가 1개니까 로딩 느려지는건 없겠죠..
배경이미지를 붙여서 하는방법은 어떻게 하는건가요?
.button a { background-image:url(경로); background-position:top; background-repeat:no-repeat;}
.button a:hover { background-image:url(경로); background-position: bottom; background-repeat:no-repeat;}
이렇게 하면 되죠