Skip to content

CHICPRO

  • Life Log
  • Cycling Log
  • Photo Log
    • Portrait
    • Landscape
    • Flower
    • Etc
  • Coding Log
  • Information

jQuery Plugin imagesLoaded

2012-08-13 by 편리

작업 중인 사이트에서 jQuery custom content scroller 를 사용해 레이어팝업에 스크롤바가 생기도록 구현을

했는데 이 기능이 제대로 될 때와 그렇지 않을 때가 있어 살펴보니 컨텐츠에 포함된 이미지가 제대로 완전히

로딩되지 않은 상태에서 스크립트가 작용하고 있는 문제를 발견했다. 이걸 해결하는 방법은 이미지가 모두

로딩이 되면 스크립트가 적용되도록 수정하면 될 것 같아서 jQuery plugin을 찾아보니 딱 맞는 것이 있더라는..

imagesLoaded : http://desandro.github.com/imagesloaded/

사용법은 극히 간단하다. 

$(‘.article’).imagesLoaded( myFunction );

이런 식으로 코드를 작성해주면 바로 사용할 수가 있다.

Post navigation

Previous Post:

역시 월요일은 힘들다

Next Post:

[D300] 춘천 일박펜션앞 계곡

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Recent Posts

  • php 배열 연산에서 + 와 array_merge 의 차이
  • pcntl_fork 를 이용한 다중 프로세스 실행
  • 아이폰 단축어를 이용하여 주중 공휴일엔 알람 울리지 않게 하기
  • 구글 캘린더 전체일정 재동기화
  • OpenLiteSpeed 웹서버에 HTTP 인증 적용
  • OpenLiteSpeed 웹어드민 도메인 연결
  • WireGuard를 이용한 VPN 환경 구축
  • Ubuntu 22.04 서버에 OpenLiteSpeed 웹서버 세팅
  • 맥 vim 세팅
  • 우분투 시스템 터미널쉘 zsh 로 변경

Recent Comments

  • 편리 on 업무관리용 그누보드 게시판 스킨
  • 임종섭 on 업무관리용 그누보드 게시판 스킨
  • 캐논 5D 펌웨어 | Dslr 펌웨어 업그레이드 방법 82 개의 베스트 답변 on 캐논 EOS 30D 펌웨어 Ver 1.0.6 , EOS 5D 펌웨어 Ver 1.1.1
  • Top 5 캐논 5D 펌웨어 Top 89 Best Answers on 캐논 EOS 30D 펌웨어 Ver 1.0.6 , EOS 5D 펌웨어 Ver 1.1.1
  • 편리 on 워드프레스 애니메이션 gif 파일을 mp4로 변환하여 출력하기
  • 임팀장 on 워드프레스 애니메이션 gif 파일을 mp4로 변환하여 출력하기
  • 편리 on Notepad++ NppFTP 플러그인 수동 설치
  • paul-j on Notepad++ NppFTP 플러그인 수동 설치
  • YS on Windows 10 iCloud 사진 저장 폴더 변경
  • 편리 on Docker를 이용한 Centos7 + httpd + php 5.4 개발환경 구축

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
© 2025 CHICPRO | Built using WordPress and SuperbThemes