jquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명

jquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명. 프리티포토 소개

PrettyPhoto는 jquery를 기반으로 하는 경량 라이트박스 이미지 재생 플러그인입니다. 이미지를 지원할 뿐만 아니라 비디오, 플래시, YouTube, iframe 및 ajax도 지원합니다. 게다가, PrettyPhoto는 구성과 사용이 매우 간단하며 확장성이 좋습니다. 현재 PrettyPhoto는 혼란스러운 IE6을 포함하여 대부분의 주류 브라우저와 호환됩니다.

PrettyPhoto 플러그인 프로젝트 주소: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

영어를 잘하는 친구들은 공식 홈페이지에 직접 가서 이 플러그인 사용법을 배워보는 것을 추천합니다. 영어가 서툴러도 걱정하지 말고 PrettyPhoto 사용법을 하나씩 소개해드리겠습니다. .

2. 프리티포토 사용법 소개

jquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명. jquery 코어 라이브러리, PrettyPhoto 플러그인 라이브러리, PrettyPhoto 스타일 시트 파일 소개

코드 복사 코드는 다음과 같습니다.

2. jquery 플러그인을 초기화합니다. 다음은 가장 간단한 구성 js 코드입니다

코드 복사 코드는 다음과 같습니다.

$(문서).ready(함수(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});

각 유형별 HTML 코드는 다음과 같습니다

jquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명. 한 장의 사진

코드 복사 코드는 다음과 같습니다.

2. 사진첩

코드 복사 코드는 다음과 같습니다.

3. 단일 플래시

코드 복사 코드는 다음과 같습니다.

http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294"
rel="prettyPhoto[flash]" title="Flash jquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명0 데모">

4. 유튜브 영상

코드 복사 코드는 다음과 같습니다.

http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title="">

5、비메오

코드 복사 코드는 다음과 같습니다.

http://vimeo.com/8245346" rel="prettyPhoto" title="">

6. 퀵타임 비디오

코드 복사 코드는 다음과 같습니다.

http://trailers.apple.com/movies/universal/despicableme/despicableme-tlrjquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명_r640s.mov?width=640&height=360 "> http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlrjquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명_r640s.mov?width=640&height= 340"> a>a title="그리스 싱어롱" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/paramount/greasesingalong/greasesingalong-tlrjquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명_r640s.mov ?width=640&height=272">

7. 외부 홈페이지(iframe)

코드 복사 코드는 다음과 같습니다.

http://www.google.com?iframe=true&width=jquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명00%&height=jquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명00%"
rel="prettyPhoto[iframes]" title="Google.com이 jquery 이미지 재생 플러그인 PrettyPhoto_jquery 사용에 대한 자세한 설명00%로 열렸습니다.">Google.com
http://www.apple.com?iframe=true&width=500&height=250" rel="prettyPhoto[iframes]">Apple.com
http://www.twitter.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Twitter.com

8. 일반 텍스트

코드 복사 코드는 다음과 같습니다.

일반 텍스트입니다

오늘 소개해드릴 PrettyPhoto는 일반 텍스트를 재생하는 HTML입니다

9. AJAX 콘텐츠

코드 복사 코드는 다음과 같습니다.

Ajax 콘텐츠

3. 요약

prettyBox 사진 플레이어 플러그인은 매우 유용합니다. 이를 사용하여 나만의 독점 사진 앨범을 만드세요!