사

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

· 2010-11-30 (화) 00:21:15 · 1626 · 5
버튼에 마우스오버효과를 써서 이미지를 넣었는데
이미지가 바로 안나오고 어느정도 딜레이후에 나옵니다...
이거 속도를 좀 개선할 방법없을까요?
|

댓글 5개

뭘로 넣으셨나요?
보통은 css로...
.button a {background-image:(url 1)}
.button a:hover {background-image:(url 2)}
대략 이렇게 하시믄 심플하구요..
정 답답하시면 플래시로 만드시던가. 하시믄... 일단 로딩하고 시작하니까 딜레이는 없겠죠..
button의 배경이미지를 1, 2를 붙여서 하나로 맹글고...
배경이미지 포지션을 변경해서 효과를 내는 방법도 있습니다.
이렇게하면 이미지가 1개니까 로딩 느려지는건 없겠죠..
2010-11-30 (화) 13:09:58
현재 사용중인게 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;}

이렇게 하면 되죠
버튼 크기랑 이미지랑 적당히 크기맞춰주시는게 중요합니다. ^^
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
10-11-30 조회 1,059
10-11-30 조회 1,139
10-11-30 조회 775
10-11-30 조회 919
10-11-30 조회 1,098
10-11-30 조회 1,480
10-11-30 조회 2,601
10-11-30 조회 1,272
10-11-30 조회 1,132
10-11-30 조회 893
10-11-30 조회 1,630
10-11-30 조회 849
10-11-30 조회 1,667
10-11-30 조회 1,022
10-11-30 조회 1,072
10-11-30 조회 1,616
10-11-30 조회 1,050
10-11-30 조회 1,638
10-11-30 조회 1,627
10-11-29 조회 1,650