jQuery 라이트 박스 문제

페이지에 많은 이미지가 있습니다. 일부 이미지는 css로 숨겨져 있기 때문에 라이트 박스에서만 볼 수 있습니다.jQuery 라이트 박스 문제

이미지의 각 세트는 사업부 내에

, 내가 가지고있는 문제는 당신이 라이트 박스에 액세스 할 때, 당신은 다음을 클릭하고 페이지에있는 모든 이미지를 갈 수 있다는 것입니다, 나는 사용자 wan't 다음/이전을 클릭하여 전체 페이지가 아닌 해당 div 내의 이미지에 액세스 할 수있게하려면이 기능을 사용할 수 있습니까?

감사합니다

출처

2010-06-24 user195257

난 당신이 라이트 박스 플러그인이 작업을 수행 할 수 있는지 확신하지만 자바 스크립트를 사용하여 이미지의 fancybox 플러그인 및 디스플레이 세트를 사용합니다.

링크를 통해 표시하고 있지만 쉽게 수정할 수 있습니다.

<a href="Javascript:DisplaySetOne();" title="View Images">View Images</a>

그리고 난 그냥 같은 문제로 실행하고 나중에 참조 할 수 있도록 솔루션을 제공하고 싶었

function DisplaySetOne() { 


     $.fancybox([ 
    { 'href': '../Content/A.jpg', 'title': 'A' }, 
    { 'href': '../Content/B.jpg', 'title': 'B' }, 
    { 'href': '../Content/C.jpg', 'title': 'C' } 
    ], { 
     'padding': 0, 
     'transitionIn': 'none', 
     'transitionOut': 'none', 
     'type': 'image', 
     'changeFade': 0 

    }) 
    };

출처

2010-06-24 10:24:35 codingbadger

Lightbox 솔루션을 찾을 수 없다면 고맙습니다. – user195257

자바 스크립트 :이

<div id="container1"> 
    <img rel="lightbox[container1]" src="asdf1.png" alt="asdf1_image" /> 
    <img rel="lightbox[container1]" src="asdf2.png" alt="asdf2_image" /> 
    <img rel="lightbox[container1]" src="asdf3.png" alt="asdf3_image" /> 
</div> 
<div id="container2"> 
    <img rel="lightbox[container2]" src="asdf4.png" alt="asdf4_image" /> 
    <img rel="lightbox[container2]" src="asdf5.png" alt="asdf5_image" /> 
    <img rel="lightbox[container2]" src="asdf6.png" alt="asdf6_image" /> 
</div>

처럼 imagesets에 당신은 할 수

그룹을

라이트 박스의 현재 버전과 해당 문서는 data-lightbox 속성 인 d rel 속성에 여전히 의존하는 버전 2.51을 사용하여 기존 애플리케이션에서이 작업을 수행해야했습니다.

출처

2014-05-23 07:50:54

jQuery 라이트 박스 문제

답변

관련 문제