jQuery 라이트 박스 도움말

좋아, 나는 초보자 다.하지만 웹 사이트를 완성하기 위해 링크를 클릭 할 때 나타나는 라이트 박스를 만들어야한다.jQuery 라이트 박스 도움말

내가 만드는 웹 사이트는 아티스트 작품 포트폴리오이며 사진을 클릭하면 해당 사진의 큰 버전으로 페이드 인 할 수 있다는 것을 알 수있는 jQuery를 배워야합니다.

작은 이미지는 "포트폴리오"라는 폴더에 저장되고 라이트 박스 이미지는 "라이트 박스"라는 폴더에 저장됩니다.

내가 겪고있는 주된 문제는 너무 많은 라이트 박스가 아니라 이미지가 나타나는 것입니다. 어떻게하면 올바른 이미지가 나타날 수 있습니까? 내 div에 jQuery에 해당하는 ID가 필요합니까?

도움 주셔서 감사합니다.

2011-08-27 Callum

팝업되는 이미지는 항상 미리보기 이미지가 링크 된 이미지입니다. 다음과 같은 경우, 섬네일을 클릭하면 lightbox 폴더의 image.jpg 파일이 팝업됩니다.

<a href="lightbox/image.jpg" rel="lightbox"> 
    <img src="portfolio/image-thumb.jpg" alt="..." /> 
</a>

희망이 있습니다.

출처

2011-08-27 01:49:35 Artyom

감사합니다. 그렇지만 어떻게 페이드 인할까요? jQuery는 무엇입니까? – Callum

라이트 박스 기능 만 있으면 jQuery를 사용할 필요가 없습니다. 내 코드는 (프로토 타입 프레임 워크를 기반으로 한) 약간의 멋진 플러그인을 언급했다.이 플러그인은 사용하기가 쉽고 코딩이 전혀 필요 없다. http://www.huddletogether.com/projects/lightbox2/를 참조하십시오. – Artyom

좋아,하지만 내 학교 과제물을 위해 나는 그것을 스스로 만들어야한다. (나는 그것을 확인해야하지만, 나는 지금 이것을 사용할지도 모른다.) – Callum

jQuery 라이트 박스 도움말

답변

관련 문제