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

페이지 정보

yadolee 루루아빠 3,054 2016.11.16 18:48:15

짧은주소

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

본문

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

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

Progress Bar 14.66%

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

  • 최신댓글이 없습니다.

댓글

첫 번째 댓글을 남겨 주세요

Total 769 건｜14／26 페이지

 태그
제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 그누보드 5.2.5 패치 루루아빠 2017.01.10 2.8k 0
그누•영카트  🏆 그누보드 전체 검색에서도 단어 필터링 적용하기 루루아빠 2017.01.09 3.0k 1
그누•영카트  🏆 영카트 5.2.4.1 패치 - 모바일 삼성페이 기능 수정 루루아빠 2016.12.15 3.1k 0
jQuery  댓글+1개🏆 button으로 유튜브 재생 및 정지 제어하기 루루아빠 2016.12.14 10.4k 0
이윰  🏆 이윰빌더 조건문 변수 루루아빠 2016.12.13 3.0k 0
이윰  🏆 반응형 테마 PC에서 메인과 사이드 레이아웃 위치 변경하기 루루아빠 2016.11.22 2.9k 0
그누•영카트  🏆 영카트 5.2.4 패치 - 모바일 삼성페이 및 네이버쇼핑 EP 3.0 적용 루루아빠 2016.11.22 3.5k 0
그누•영카트  🏆 그누보드 5.2.4 패치 루루아빠 2016.11.22 2.6k 0
이윰  🏆 🚩 블로그 스킨(masonry)에서 Lazy Load(unveil) 사용시 목록 올바르게 보여 주기 루루아빠 2016.11.16 3.1k 0
에디터  🏆 CKeditor4.x 글 작성시 스페이스 공란이 &nbsp; 로 자동으로 변경되는 문제 해결 루루아빠 2016.11.06 3.3k 1
이윰  🏆 INDEX 화면을 특정 게시판으로 변경하기 루루아빠 2016.11.06 4.3k 0
그누•영카트  🏆 영카트 5.2.3 패치 루루아빠 2016.10.19 3.7k 0
그누•영카트  🏆 그누보드 5.2.3 패치 루루아빠 2016.10.19 2.7k 0
이윰  🏆 태그 클릭시 관련된 게시글 페이지당 노출 갯수 정하기 루루아빠 2016.10.09 3.2k 0
이윰  🏆 특정 게시판에 다른 헤더 파일 불러오기 루루아빠 2016.10.01 2.9k 0
이윰  🔒 쇼핑몰 테마 메인 화면을 쇼핑몰로 바꾸기 루루아빠 2016.09.24 4 0
그누•영카트  🏆 영카트 5.2.2 쿠폰존 기능추가 루루아빠 2016.09.20 3.5k 0
그누•영카트  🏆 그누보드 5.2.2 패치 루루아빠 2016.09.20 3.0k 0
에디터  🏆 CKeditor4.x 에디터 툴바 고정후 스크롤시 firefox에서 가로폭 늘어나는 문제 해결 루루아빠 2016.09.18 3.8k 0
이윰  🏆 그누 5.2.1 패치로 비회원 댓글 작성시 오류 메세지 띄우는 문제 루루아빠 2016.09.04 3.2k 0
이윰  🏆 Eyoom Builder 1.2.6 패치 루루아빠 2016.08.26 3.0k 0
이윰  🏆 태그 더보기시 페이지당 태그 노출 갯수 조정하기 루루아빠 2016.08.25 3.2k 0
이윰  🏆 Google Maps API Key를 발급받아 이윰 스킨에 적용하기 루루아빠 2016.08.24 5.8k 0
그누•영카트  🏆 5.2.1 토큰패치로 댓글 달린 본인 댓글 수정 못하는 문제 루루아빠 2016.08.22 3.0k 0
그누•영카트  🏆 영카트 5.2.1 패치 루루아빠 2016.08.22 3.0k 0
그누•영카트  🏆 그누보드 5.2.1 패치 루루아빠 2016.08.22 2.8k 0
JavaScript  🏆 gifplayer를 통해 동영상 재생시 오디오 문제 루루아빠 2016.08.06 3.2k 0
이윰  🏆 첫 번째 이미지 파일 첨부 후 본문에는 첫 번째 첨부 이미지 보이지 않게 루루아빠 2016.08.05 3.4k 0
이윰  🏆 메인주소를 쇼핑몰로 사용하기 루루아빠 2016.07.27 3.1k 0
그누•영카트  🏆 그누보드 5.2.0 패치 루루아빠 2016.07.25 2.6k 0
 태그
다음 페이지
이전 페이지

🏆 게시글 랭킹 탑10

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