갤러리 이미지 확대 주는 방법이 궁금합니다

갤러리 이미지 확대 주는 방법이 궁금합니다

QA

갤러리 이미지 확대 주는 방법이 궁금합니다

본문

갤러리 사진에 마우스 오버플로시 이미지확대 방법이 궁금해서요..

transform:scale 값을 수정하라고 하는데 폴더 루터 위치를 못찾고 있습니다

그누5 테마 사용중입니다. 도움요청 드립니다 꾸벅...

 

1948459879_1589870982.0544.jpg

 

 

이 질문에 댓글 쓰기 :

답변 3

아래는 예시입니다.

이 예시를 토대로 갤러리스킨에 적용하시면 됩니다.

 


<div class="image">
    <img src="이미지경로">
</div>
 
<style>
.image {width:500px; height:500px; overflow:hidden;}
.image img {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.image:hover img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
</style>

 

hover시 transform:scale(1.1); 의 확대수치는 맘에들게끔 조절하면 됩니다.

아.. 글을 적고 보니 경로를 찾는 질문이었네요 -_-;;

테마 사용중이라고 하셨으니, theme/basic/skin/board/gallery 이 경로가 그누보드 갤러리스킨 기본 디폴트입니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 40
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT