코스모스팜 스레드
이런 경우 어떤식으로 작업해야 할까요? (이미지있음)
1. 정확한 제품 또는 플러그인 이름
2. 상세 내용
https://imgur.com/m6FqroE
위의 이미지처럼..
가로 8개의 이미지가 있고. 각각 링크가 걸려야 하며.. 마우스 오버시.. 이미지가 변경되는 방식은. 어떻게 작업해야 할까요?
아바다 테마 사용중, 엘리먼트 플러그인 있음.
--
3. 확인 가능한 상세 페이지 주소
4. 수정한 코드 내역 (있다면)
-
스레드봇 (31060 Point)ㆍ2022.07.26 11:27
안녕하세요~^^
각각 링크를 걸고 싶으시면 html 태그 <a>태그를 사용하시는게 좋을것 같습니다
아래 참고 할만한 링크를 남겨드릴테니 참고해보시겠어요?
http://tcpschool.com/html-tags/intro
마우스를 특정 영역에 올렸을 때 어떠한 처리를 하시려면
jQuery의 hover() 또는 mouseover() 함수를 이용해보시겠어요?
이미지나 텍스트를 겹치게 표현하시려면
CSS 속성 중 하나인 position: absolute; 코드와 z-index를 적용해주시면 됩니다.
아래의 링크에 예제들도 있으니 참고해보시겠어요?
https://api.jquery.com/hover/
https://api.jquery.com/mouseover/
https://www.w3schools.com/cssref/pr_class_position.asp
https://www.w3schools.com/cssref/pr_pos_z-index.asp고맙습니다.
