슬라이드 이미지 확대되는 것 끄는 방법 질문 드립니다.
CMS/프레임워크 | XE 1.x |
---|---|
개발 언어 | PHP 7.0 |
문제 페이지 주소 | 비공개 (작성 후 5일 경과) |
링크 사이트 메인에 이미지 슬라이드 되는 부분에서요.
이미지가 점진적 확대되는 것 어떻게 끌 수 있을까요. 확대나 축소 없이 보이게 하고 싶습니다.

index
Lv. 2
sotheb
CMS/프레임워크 | XE 1.x |
---|---|
개발 언어 | PHP 7.0 |
문제 페이지 주소 | 비공개 (작성 후 5일 경과) |
링크 사이트 메인에 이미지 슬라이드 되는 부분에서요.
이미지가 점진적 확대되는 것 어떻게 끌 수 있을까요. 확대나 축소 없이 보이게 하고 싶습니다.
댓글 3
이렇게 시작되는 코드를 레이아웃 html 파일중에 찾아서
해당 안에 있는 zoom 관련 기능들을 없애시면 될것 같은데요.
자세한건 해당 풀페이지라는 프레임워크 메뉴얼을 찾아보시면 될 것 같습니다.
https://github.com/alvarotrigo/fullPage.js
.fp-slide.active .slider-img {
-webkit-animation: burnsin 40s linear infinite;
animation: burnsin 40s linear infinite;
}
@-webkit-keyframes burnsin {
0% {
-webkit-transform: scale(1, 1) translateY(0) translateX(0);
transform: scale(1, 1) translateY(0) translateX(0);
}
50% {
-webkit-transform: scale(1.3, 1.3) translateY(0%) translateX(0%);
transform: scale(1.3, 1.3) translateY(0%) translateX(0%);
}
100% {
-webkit-transform: scale(1, 1) translateY(0) translateX(0);
transform: scale(1, 1) translateY(0) translateX(0);
}
}
@keyframes burnsin {
0% {
-webkit-transform: scale(1, 1) translateY(0) translateX(0);
transform: scale(1, 1) translateY(0) translateX(0);
}
50% {
-webkit-transform: scale(1.3, 1.3) translateY(0%) translateX(0%);
transform: scale(1.3, 1.3) translateY(0%) translateX(0%);
}
100% {
-webkit-transform: scale(1, 1) translateY(0) translateX(0);
transform: scale(1, 1) translateY(0) translateX(0);
}
}
이부분 통째로 지워보세요.