$(document).ready(function() { $('.story-small img').each(function() { var maxWidth = 100; // Max width for the image var maxHeight = 100; // Max height for the image var ratio = 0; // Used for aspect ratio var width = $(this).width(); // Current image width var height = $(this).height(); // Current image height // Check if the current width is larger than the max if(width > maxWidth){ ratio = m..
HTML 특수문자코드표 표현문자숫자표현문자표현설명-�--사용하지 않음space -수평탭space -줄 삽입---사용하지 않음space -여백!!-느낌표"""따옴표##-숫자기호$$-달러%%-백분율 기호&&&Ampersand''-작은 따옴표((-왼쪽 괄호))-오른쪽 괄호**-아스트릭++-더하기 기호,,-쉼표---Hyphen..-마침표//-Solidus (slash)0 - 90-9-0부터 9까지::-콜론;;-세미콜론>>보다 큰??-물음표@@-Commercial atA - ZA-Z-A부터 Z까지[[-왼쪽 대괄호\\-역슬래쉬]]-오른쪽 대괄호^^-탈자부호__-수평선``-Acute accenta - za-z-a부터 z까지{{-왼쪽 중괄호||-수직선}}-오른쪽 중괄호~~-꼬리..
스크롤이 길고 이미지가 많이 쓰이는 사이트의 경우 브라우저에 보이는 영역의 이미지만 동적으로 로딩시켜 초기 로딩 속도를 개선하고 서버의 트래픽을 절감 할 수 있습니다. 사용방법이 간단해서 운영중인 사이트에 적용하기에 무리가 없습니다. 사용방법Colored By Color Scripter™123456789101112131415161718 1. 이미지테그 src속성을 지우고 data-original에 이미지 주소 입력2. 이미지테그에 class명 추가(lazy)3. jquery 로딩 후 lazyload.js 파일 로딩4. lazyload 추가 옵션은 아래 사이트에서 확인 배포사이트http://www.appelsiini.net/projects/lazyload 소스다운로드 https://raw.github.co..