마우스오버 속도질문입니다.. 정보
마우스오버 속도질문입니다..본문
버튼에 마우스오버효과를 써서 이미지를 넣었는데
이미지가 바로 안나오고 어느정도 딜레이후에 나옵니다...
이거 속도를 좀 개선할 방법없을까요?
이미지가 바로 안나오고 어느정도 딜레이후에 나옵니다...
이거 속도를 좀 개선할 방법없을까요?
댓글 전체
뭘로 넣으셨나요?
보통은 css로...
.button a {background-image:(url 1)}
.button a:hover {background-image:(url 2)}
대략 이렇게 하시믄 심플하구요..
정 답답하시면 플래시로 만드시던가. 하시믄... 일단 로딩하고 시작하니까 딜레이는 없겠죠..
보통은 css로...
.button a {background-image:(url 1)}
.button a:hover {background-image:(url 2)}
대략 이렇게 하시믄 심플하구요..
정 답답하시면 플래시로 만드시던가. 하시믄... 일단 로딩하고 시작하니까 딜레이는 없겠죠..
button의 배경이미지를 1, 2를 붙여서 하나로 맹글고...
배경이미지 포지션을 변경해서 효과를 내는 방법도 있습니다.
이렇게하면 이미지가 1개니까 로딩 느려지는건 없겠죠..
배경이미지 포지션을 변경해서 효과를 내는 방법도 있습니다.
이렇게하면 이미지가 1개니까 로딩 느려지는건 없겠죠..
현재 사용중인게 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;}
이렇게 하면 되죠
.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;}
이렇게 하면 되죠
버튼 크기랑 이미지랑 적당히 크기맞춰주시는게 중요합니다. ^^