네이버 버튼들이 이미지 한장 이군요 ;; 정보
네이버 버튼들이 이미지 한장 이군요 ;;본문
사이트에 플래시를 죄다 뺄려고 요즘 모바일 스마트 기기 때문에 .. 플래시를 버려야 하는 시점이 온것 같아서
일단 이것 저것 메뉴들을 보고 있는데 ..
네이버본사 사이트 보고 있는데 보니깐 위에 메뉴들이 하나하나 이미지를 따로 되어 있는것처럼 보이는데
사실 한장에 이미지를 css로 컨트롤 하는군요 ..
http://www.nhncorp.com/nhn/index.nhn
즉 spr.gif라는 이미지 한장에 메뉴 이미지 죄다 몰아 넣고
백그라운드 포지션으로 이미지를 컨트롤 하네요 .. 놀랍네요 ~^^
네이버사이트에서 많은 참고를 하는데 매번 .. 모바일 때문에 플래쉬를 죄다 빼려고 이것 저것 보던도중
좋은 놈 하나 알았네요 ^^
아참 새해 복 많이 받으시고 올해엔 모두 하고자 하시는일 모두 이루셨으면 좋겠습니다. ^^
일단 이것 저것 메뉴들을 보고 있는데 ..
네이버본사 사이트 보고 있는데 보니깐 위에 메뉴들이 하나하나 이미지를 따로 되어 있는것처럼 보이는데
사실 한장에 이미지를 css로 컨트롤 하는군요 ..
http://www.nhncorp.com/nhn/index.nhn
즉 spr.gif라는 이미지 한장에 메뉴 이미지 죄다 몰아 넣고
백그라운드 포지션으로 이미지를 컨트롤 하네요 .. 놀랍네요 ~^^
네이버사이트에서 많은 참고를 하는데 매번 .. 모바일 때문에 플래쉬를 죄다 빼려고 이것 저것 보던도중
좋은 놈 하나 알았네요 ^^
아참 새해 복 많이 받으시고 올해엔 모두 하고자 하시는일 모두 이루셨으면 좋겠습니다. ^^
댓글 전체
유튜브도 그렇고 요즘 좀 나간다하는 사이트들은 죄다 1장으로 CSS로 히든, 노출식으로 올오버하더라구요. 복 많이 받으세요!
경로로 조정하는 방법을 사용할 시 이미지 파일들 관리도 힘들 뿐더러 롤오버 시 1회 깜박거림이 발생합니다.
하지만 위치로 조정하면 파일 관리는 물런 깜박거림 문제에서도 이득을 볼 수 있죠.
그리고 이미지 파일 하나로 일괄 변경이 가능한 것도 좋은 점입니다.
하지만 위치로 조정하면 파일 관리는 물런 깜박거림 문제에서도 이득을 볼 수 있죠.
그리고 이미지 파일 하나로 일괄 변경이 가능한 것도 좋은 점입니다.
다 좋은데 맵 만들고 좌표 관리하기가 귀찮죠..
이미지 슬라이스해서 쓰는 것보다 작업속도도 떨어지구요.
때문에 작업비용에 따라서 해주기도 하고 그냥 가기도 합니다.
맵방식 적용하면 코딩견적 X 1.3 배로 받고 있습니다.
이미지 슬라이스해서 쓰는 것보다 작업속도도 떨어지구요.
때문에 작업비용에 따라서 해주기도 하고 그냥 가기도 합니다.
맵방식 적용하면 코딩견적 X 1.3 배로 받고 있습니다.
보통 CSS Sprite라고 부르죠
네이버나 구글검색을 해보시면 관련 자료가 꽤 있을겁니다
그 중에 국내블로그중 한곳 아래에 링크해봅니다
http://www.hozz.net/tc/168
윗분들 말씀처럼 관리가 좀 까다롭고 익스에서 번쩍거림? 문제가 있죠
그걸 없애기위해 js를 이용하기도 합니다.
뭐 이런걸로
try {
document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
네이버나 구글검색을 해보시면 관련 자료가 꽤 있을겁니다
그 중에 국내블로그중 한곳 아래에 링크해봅니다
http://www.hozz.net/tc/168
윗분들 말씀처럼 관리가 좀 까다롭고 익스에서 번쩍거림? 문제가 있죠
그걸 없애기위해 js를 이용하기도 합니다.
뭐 이런걸로
try {
document.execCommand("BackgroundImageCache", false, true);
} catch(err) {}
