테스트 사이트 - 개발 중인 베타 버전입니다

마우스오버 속도질문입니다..

· 14년 전 · 1488 · 5
버튼에 마우스오버효과를 써서 이미지를 넣었는데
이미지가 바로 안나오고 어느정도 딜레이후에 나옵니다...
이거 속도를 좀 개선할 방법없을까요?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

뭘로 넣으셨나요?
보통은 css로...
.button a {background-image:(url 1)}
.button a:hover {background-image:(url 2)}
대략 이렇게 하시믄 심플하구요..
정 답답하시면 플래시로 만드시던가. 하시믄... 일단 로딩하고 시작하니까 딜레이는 없겠죠..
button의 배경이미지를 1, 2를 붙여서 하나로 맹글고...
배경이미지 포지션을 변경해서 효과를 내는 방법도 있습니다.
이렇게하면 이미지가 1개니까 로딩 느려지는건 없겠죠..
14년 전
현재 사용중인게 css로 하는방법 사용중이구요
배경이미지를 붙여서 하는방법은 어떻게 하는건가요?
이미지 파일 하나에 윗부분은 노말배경 아랫부분은 마우스오버배경 이렇게 그림을 그려놓고

.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;}

이렇게 하면 되죠
버튼 크기랑 이미지랑 적당히 크기맞춰주시는게 중요합니다. ^^

게시글 목록

번호 제목
284348
284336
284333
284332
284320
284318
284316
284313
284307
284306
284303
284298
284296
284290
284286
284280
284277
284272
284261
284259