[이윰] 블로그 스킨(masonry)에서 Lazy Load(unveil) 사용시 목록 올바르게 보여 주기

페이지 정보

루루아빠 2,595 2016.11.16 18:48

짧은주소

  • https://yadolee.com/tip/447 주소복사

평점

  • 평점 : 0점 (0명 참여)

본문

이윰에서 제공되는 블로그 스킨은 masonry jquery를 사용하는데 추가적으로 Lazy Load(unveil) jquery를 사용할 경우 게시판 목록에 item들이 스크롤 다운하기 전까지 아이템 일부만 나타나게 되는데 아래와 같은 꼼수를 써서 해결해 보았다.
아래 소스를 스킨/list.skin.html을 열어 하단부에 추가한다.

    
    <!-- 블로스 스킨 목록에서 unveil 효과 올바르게 // 시작 -->
    <!--{? !C.G5_IS_MOBILE}-->
    <!--{? _wmode}-->
    
    <!--{:}-->
    
    <!--{/}-->
    <!--{/}-->
    <!-- 블로스 스킨 목록에서 unveil 효과 올바르게 // 끝 -->
모바일이 아닐 경우, 모달창을 사용할 경우, 모달창을 사용하지 않을 경우의 조건문에 따라 적용되도록 하였다.
블로그 스킨을 적용한 게시판 목록을 열었을 때 1px의 스크롤 다운 효과를 강제적으로 적용하도록 한 방법이다
이윰빌더 블로그 스킨 masonry Lazy Load unveil 목록 올바르게 보여 주기
0
추천인
  • 추천해 주세요
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,291,261
레벨 96
경험치 1,390,416

Progress Bar 78%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 747 건｜19／38 페이지
 태그
제목 글쓴이 날짜 조회 추천
이윰  🏆 Eyoom Builder 3.0.1 패치 루루아빠 2018.04.16 2,550 0
이윰  댓글+1개🏆 카카오TV 플레이어 최신 버전 재생 오류 해결하기 shadow2fox 2019.03.11 2,550 1
그누•영카트  🏆 💾 다음 스마트 워크를 이용해 소유 도메인으로 메일 서비스 이용하기 루루아빠 2017.03.27 2,550 1
이윰  🏆 Eyoom Builder 1.2.5 패치 루루아빠 2016.06.10 2,549 0
이윰  🏆 스크랩할때 댓글 적지 않아도 스크랩 허용하기 루루아빠 2015.09.22 2,547 0
JavaScript  🏆 마우스 오른쪽 버튼 사용시 경고 메세지 띄우기 루루아빠 2015.10.31 2,547 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2,545 0
이윰  🏆 Eyoom Builder 1.3.8 패치 루루아빠 2017.11.21 2,538 0
그누•영카트  🏆 그누보드 5.2.2 패치 루루아빠 2016.09.20 2,537 0
이윰  🏆 이윰빌더에 태그 검색창 달기 루루아빠 2017.04.18 2,535 0
그누•영카트  🏆 그누보드 전체 검색에서도 단어 필터링 적용하기 루루아빠 2017.01.09 2,534 1
이윰  🏆 블로그 스킨(blog skin) 갤러리 목록에서 box 이미지 높이 줄이기 루루아빠 2016.02.17 2,530 0
이윰  댓글+7개🏆 유튜브 플레이리스트(playlist) 썸네일 추출과 올바르게 적용하기 shadow2fox 2021.09.01 2,530 3
이윰  🏆 메인주소를 쇼핑몰로 사용하기 루루아빠 2016.07.27 2,528 0
HTML5  🏆 Google Drive에 공유된 동영상 HTML5으로 플레이하기 루루아빠 2015.09.15 2,526 0
그누•영카트  🏆 그누보드 5.2.9.7 패치 루루아빠 2017.12.16 2,525 0
제로  🏆 💾 [스킨만들기] view_list_head.php(리스트의 상단 부분 출력)의 설명입니다 루루아빠 2005.06.23 2,525 0
그누•영카트  🏆 그누보드 5.1.13 패치 루루아빠 2016.02.24 2,517 0
그누•영카트  🏆 영카트 5.2.9.8.2 패치 루루아빠 2018.03.22 2,516 0
그누•영카트  🏆 영카트 5.0.43 패치 루루아빠 2015.07.27 2,515 0
 태그

🏆 게시글 랭킹 탑10

랭킹 포토 글내용 조회
1
특정 div의 내용을 일정 시간마다 새로고침하기
루루아빠 2016-03-20 06:24 		14,836
2
영카트 5.3.2.9
shadow2fox 2019-05-30 00:39 		11,657
3
button으로 유튜브 재생 및 정지 제어하기 댓글 +1개
루루아빠 2017-02-21 19:12 		9,583
4
jQuery를 이용한 링크 자동 클릭(auto click) 댓글 +2개
루루아빠 2015-06-27 02:19 		8,324
5
CKeditor 4.x 소스 보기시 자동으로 공백 태그( ) 추가되는 문제 해결하기 댓글 +1개
루루아빠 2016-05-20 21:53 		7,156
6
modal 오픈시 modal-dialog 아래 background body 스크롤 안되게 하기
루루아빠 2015-07-16 00:05 		6,582
7
[PHP 7.2.x] count(): Parameter must be an array or an object that implements Countable 에러 해결하기 댓글 +1개
shadow2fox 2020-03-09 14:37 		6,508
8
그누보드 5.4.4 댓글 +2개
shadow2fox 2021-01-05 10:58 		6,338
9
영카트 5.0.41 패치
루루아빠 2015-07-13 14:53 		6,206
10
이윰빌더와 그누보드 패치시 수정할 파일들
루루아빠 2015-06-23 19:13 		6,110