[이윰] Masonry animation 효과 끄기
페이지 정보
루루아빠
3,143
2016.01.23 03:48:28
짧은주소
-
https://yadolee.com/tip/365 주소복사
본문
이윰빌더에서 제공하는 Masonry는 무한스크롤(infinite-scroll) 사용시 브라우져 왼쪽 아래 가장자리에서 빈공간으로 날아와 채우는 방식의 효과가 적용되고 있다.
생각보다 깔끔하지 못하고 로딩되는 이미지 소스가 크면 버벅이는 모습까지 보게된다.
이윰빌더에서 제공하는 blog스킨의 list.skin.html을 열어 다음과 같이 수정하자.
먼저 isAnimated: true, 을 검색하여 아래 소스로 대체하자. 수정할 부분은 2곳이다.
수정 전
수정 후 새로고침을 해보면 짧은 fade효과가 적용되어 깔끔한 로딩 화면을 보게될 것이다.
생각보다 깔끔하지 못하고 로딩되는 이미지 소스가 크면 버벅이는 모습까지 보게된다.
이윰빌더에서 제공하는 blog스킨의 list.skin.html을 열어 다음과 같이 수정하자.
먼저 isAnimated: true, 을 검색하여 아래 소스로 대체하자. 수정할 부분은 2곳이다.
수정 전
isAnimated: true,
수정 후
isAnimated: false,
transitionDuration: 0,
수정 후 새로고침을 해보면 짧은 fade효과가 적용되어 깔끔한 로딩 화면을 보게될 것이다.
추천인
레벨 101
경험치 1,519,440
Progress Bar 14.66%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
최신댓글이 없습니다.


댓글
첫 번째 댓글을 남겨 주세요