특정 이미지에서 jquery Galleria 플러그인을 열도록 설정

Question

내 페이지에서 간단한 갤러리를 만들려고합니다. 웹의 갤러리 섹션을 열면, 거기에 단순히 SRC 및 HREF 태그에 의해 표시되는 일부 사진입니다

이제

echo '<div style="float:left; margin:5px;"> 
    <a href="'.$link.'"><img src="'.$mini.'" title="clickclack.cz" alt="clickclack.cz" style="height:171px; border:2px solid black;" /></a> 
</div>'; 

- 나는이 그림의 일부를 클릭하면, 단순히하지는 풀 보여주고 싶은 흰색 배경에 크기 이미지입니다. 갤러리아 플러그인에서 열어서 해당 페이지의 다른 이미지로 스크롤 할 수있는 가능성을 갖고 싶습니다. 나는 이것을하는 방법을 이해할 수 없다. <div id="galleria" style="height:500px;">에 그림이있는 div를 감 으면 갤러리 섹션을 열면 플러그인이 즉시 시작됩니다. 코드

JS 부분은 매우 기본적인 :

$(function() { 
    Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js'); 
    Galleria.run('#galleria');    
}); 

EDIT : 제가 해결책을 발견 하였다. PHP 조건에 따라 먼저 href 매개 변수를 href="?galerie&inGallery&index='.$i.'"으로 설정합니다. galerie 매개 변수는 동일한 페이지를 열 것을 의미합니다. index는주기 (Galleria의 인덱스와 일치)의 행 번호이며 inGallery는 PHP 조건을 설정합니다. URL에 inGallery 매개 변수를 사용하면 그림이있는 블록은 이제 <div id="galleria">으로 싸여 있으며 href 매개 변수는 이미지에 대한 실제 링크입니다. 갤러리 페이지가 갤러리아에 열립니다. 클릭 한 이미지에서 Galleria를 열려면 JS 기능을 추가했습니다. (또한 조건 if(isset($_GET['inGallery']))에 싸여) 내 JS 부분은 지금 (플러스 I은 전체 화면을 전환 할 ID = "전체 화면"으로 링크를 추가) 다음과 같습니다

function GetURLParameter(sParam){ 
var sPageURL = window.location.search.substring(1); 
var sURLVariables = sPageURL.split('&'); 
for (var i = 0; i < sURLVariables.length; i++){ 
    var sParameterName = sURLVariables[i].split('='); 
    if (sParameterName[0] == sParam){ 
     return sParameterName[1]; 
    } 
} 
} 
$(function() { 
     var index = GetURLParameter('index'); 
     Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js'); 
     Galleria.run('#galleria', { show: index }); 
     $('#fullscreen').click(function() { 
      $('#galleria').data('galleria').toggleFullscreen(); // toggles the fullscreen 
     }); 

    }); 

Answer 1

당신은 show method를 사용해야합니다. 링크에서 "인덱스로 지정된 이미지를 보여줍니다.이 메서드는 언제든지 호출 할 수 있으며 이미지는 전환 대기열에 저장됩니다."