마우스 올리면 이미지 바뀌는 팁 추천 부탁드립니다. 정보
마우스 올리면 이미지 바뀌는 팁 추천 부탁드립니다.
본문
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든, 스크립트든 테이블에서 사용할 만한 것 추천 부탁드립니다.
댓글 전체
아니에요, 일현님~
일현님이 올리신 거 모두~~ 다운받아서 사용중입니다.^^
(저에게는 대박!!)
말씀하신 자료로 지금 작업중인데... 소위 표준브라우저 얘네들은 잘 되는데,
익스에서 이상하게 나와서요.
(아... 올려주신 소스가 이상하다는 것이 아니라, 무지한 제가 잘 다루지 못해서 생긴 현상입니다. 오해는 없으시길....)
그래서... 좀더 단순하게 할 수 있는 게 없을까... 감히 질문드렸습니다. (__)
일현님이 올리신 거 모두~~ 다운받아서 사용중입니다.^^
(저에게는 대박!!)
말씀하신 자료로 지금 작업중인데... 소위 표준브라우저 얘네들은 잘 되는데,
익스에서 이상하게 나와서요.
(아... 올려주신 소스가 이상하다는 것이 아니라, 무지한 제가 잘 다루지 못해서 생긴 현상입니다. 오해는 없으시길....)
그래서... 좀더 단순하게 할 수 있는 게 없을까... 감히 질문드렸습니다. (__)
아... 일현님 안 그래도 위 소스 작업중에 질문이 있는데요.
익스7에 적용하는 핵이요.... 그거 안써도 되는지요?
그 핵 소스를 넣으면, 브라우저 창 아래에 오류메시지가 나타나서요.
익스7에 적용하는 핵이요.... 그거 안써도 되는지요?
그 핵 소스를 넣으면, 브라우저 창 아래에 오류메시지가 나타나서요.
주석처리하고 한번 테스트 해보면 간단하겠네요!
제가 다운로드가 불가해서 확인을 못합니다! ㅎㅎㅎㅎㅎ
제가 다운로드가 불가해서 확인을 못합니다! ㅎㅎㅎㅎㅎ
익스7 환경을 찾아서 함 테스트해 봐야겠네요.
암튼... 익스 이넘들 너무너무 밉습니다.ㅠㅠ
암튼... 익스 이넘들 너무너무 밉습니다.ㅠㅠ
저는 스크립트로 만드는데, css 가 편한가요?
스크립트도 추천해 주세요. ^^
그냥 간단하게 하실거면
<a href="링크주소" onfocus='this.blur()'><img src="롤오버전이미지" onmouseover="this.src='롤오버이미지'" onmouseout="this.src='롤오버전이미지'" border="0"></a>
이렇게 하시면 되지 않나요 ?
CSS로 하는 방법도 있습니다만 간단하게는 이렇게 처리를 하시면 되는데 ^^
CSS말씀 하시는건가요 ?
<a href="링크주소" onfocus='this.blur()'><img src="롤오버전이미지" onmouseover="this.src='롤오버이미지'" onmouseout="this.src='롤오버전이미지'" border="0"></a>
이렇게 하시면 되지 않나요 ?
CSS로 하는 방법도 있습니다만 간단하게는 이렇게 처리를 하시면 되는데 ^^
CSS말씀 하시는건가요 ?
아하! 이렇게 하면 되는 거군요!
잘 되네요.
css도 좋은 팁인데, 초보 입장에서 이리저리 막혀서 다른 방법을 찾았습니다.
고맙습니다, PROFILE님 ^^
덕분에 제대로 되네요. 아휴... 삽질만 무진장 했어요.^^
잘 되네요.
css도 좋은 팁인데, 초보 입장에서 이리저리 막혀서 다른 방법을 찾았습니다.
고맙습니다, PROFILE님 ^^
덕분에 제대로 되네요. 아휴... 삽질만 무진장 했어요.^^
^^ 잘되신다니 다행이네요
