묻고답하기

  2. Support
  3. 묻고답하기

이미지에 동영상처럼 보이게 CSS 기법 문의

2010.12.13 13:37

안수완

음악사이트에 보면 아래의 기능을 많이 사용하고 있습니다.

 

아래의 벅스뮤직의 예 인데요.

 

(벅스 뮤직의 경우)

첫번째 이미지만 출력되고

두번째 마우스를 이미지 안에 넣으면 동영상이라고 인식할 수 있는 가운데 플레이버튼을 출력하고

세번째 마우스가 플레이버튼 안으로 들어가면 플레이버튼이 변경되는 형태입니다.

 

css.jpg

위에 3단계를 2단계로 바꾸어도 무리는 없겠죠.

 

위와 같이 동영상 게시판의 경우 갤러리 형태로 리스트를 출력하면 이미지 하나를 넣어 썸네일 형식으로 출력할 수 있잖아요.

그런데 동영상 게시판이기에 동영상 처럼 보이게 할려고.. 벅스뮤직과 같이 마우스가 이미지가 올라가면 플레이버튼이

나오게 할려면 어떻게 해야되나요?

 

CSS 에 사용하는 것 같은데.. 잘 모르겠어요.

 

위와 같은 예제 소스를 갖고 계시가나 구현할 수 있는 방법을 알려주셨으면 합니다.

 

 

 

 

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
별빛효과 사랑비 bgm 설치가 안되요! [1] file 2009.04.28 by 넨네
허은석996 관리자 메뉴에서 setting문제입니다. [1] 2009.04.28 by 넨네
손경훈267 1.2.1버전으로 업에이트후 화면이 안떠요 제발 도와주세요 [4] 2009.04.28 by 손경훈267
혀기 captcha 사용하면 발생되는 에러... ㅡㅜ [2] file 2009.04.28 by 혀기
별빛효과 사랑비 bgm가 또 말썽입니다 (추가) file  
질문 xe로 홈페이지를 만들었는데...... [1] 2009.04.28 by 김정훈닷컴
uOne. [급] 글삭제가 안되요? [2] file 2009.04.28 by uOne.
코알라park 4월 25일 아래와 같이 질문했는데, 왜 답 안주시나요? 답변 바랍니다  
홍순만619 화면여백이 흰색이 싫어서 그런데요. [2] 2009.04.28 by 홍순만619
바람의짱 비밀글...  
블로거 다음블로거뉴스 추천, 자동발행 애드온은 없을까요??  
전국일등 XE 상단파일 지정 못하나요? [1] 2009.04.29 by 전국일등
Qwiff 로그인 사용자 출력 위젯 과 몇가지 기능안되는게...? [2] 2009.04.29 by Qwiff
kajama 스킨문의  
띰띰 검정스킨 사용중인데요 질문^^;;  
donit2 정상적으로 페이지가 열리지 않습니다. [1] 2009.04.29 by PsychOcean
젤루존 파일을 올리려고 하니깐 이런 오류가 나옵니다. file  
석영 게시판 글쓰기가 안됩니다. [1] 2009.04.29 by 천려일득
하얀진달래 업데이트 후 로그인이 안됩니다.  
최영석222 줄줄이 배너 어디있죠?  
태그 쓰기