마우스 올리면 이미지 바뀌는 팁 추천 부탁드립니다.
hover 속성을 이용해서,
이미지 A에 마우스를 올리면, 이미지 B로 바뀌는 것을 만들려고 하는데요.
스크립트를 꼭 써야 하는지요?
css만으로도 가능한 것 같은데...
<td class='trans' background='이미지B'><a href='링크'><img src='이미지A'></a></td>
css에서
.trans a:hover img { visibility:hidden; }
이렇게 주었더니, 마우스를 올릴 때 연출 양상이 불완전하더군요.
익스에서는 문제가 없는데, 다른 브라우저에서는 이미지B가 덜덜덜 떨리는 현상......ㅠㅠ
css든, 스크립트든 테이블에서 사용할 만한 것 추천 부탁드립니다.
이미지 A에 마우스를 올리면, 이미지 B로 바뀌는 것을 만들려고 하는데요.
스크립트를 꼭 써야 하는지요?
css만으로도 가능한 것 같은데...
<td class='trans' background='이미지B'><a href='링크'><img src='이미지A'></a></td>
css에서
.trans a:hover img { visibility:hidden; }
이렇게 주었더니, 마우스를 올릴 때 연출 양상이 불완전하더군요.
익스에서는 문제가 없는데, 다른 브라우저에서는 이미지B가 덜덜덜 떨리는 현상......ㅠㅠ
css든, 스크립트든 테이블에서 사용할 만한 것 추천 부탁드립니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 10개
http://w3s.co.kr/board/?aid=dw_etc&page=3&nlistType=webzine&no=40
일현님이 올리신 거 모두~~ 다운받아서 사용중입니다.^^
(저에게는 대박!!)
말씀하신 자료로 지금 작업중인데... 소위 표준브라우저 얘네들은 잘 되는데,
익스에서 이상하게 나와서요.
(아... 올려주신 소스가 이상하다는 것이 아니라, 무지한 제가 잘 다루지 못해서 생긴 현상입니다. 오해는 없으시길....)
그래서... 좀더 단순하게 할 수 있는 게 없을까... 감히 질문드렸습니다. (__)
익스7에 적용하는 핵이요.... 그거 안써도 되는지요?
그 핵 소스를 넣으면, 브라우저 창 아래에 오류메시지가 나타나서요.
제가 다운로드가 불가해서 확인을 못합니다! ㅎㅎㅎㅎㅎ
암튼... 익스 이넘들 너무너무 밉습니다.ㅠㅠ
<a href="링크주소" onfocus='this.blur()'><img src="롤오버전이미지" onmouseover="this.src='롤오버이미지'" onmouseout="this.src='롤오버전이미지'" border="0"></a>
이렇게 하시면 되지 않나요 ?
CSS로 하는 방법도 있습니다만 간단하게는 이렇게 처리를 하시면 되는데 ^^
CSS말씀 하시는건가요 ?
잘 되네요.
css도 좋은 팁인데, 초보 입장에서 이리저리 막혀서 다른 방법을 찾았습니다.
고맙습니다, PROFILE님 ^^
덕분에 제대로 되네요. 아휴... 삽질만 무진장 했어요.^^