設置jQuery Galleria插件在特定圖像上打開

我試圖在我的頁面上製作一個簡單的圖庫。當打開的網頁的畫廊部分，也有僅僅通過SRC和HREF標記顯示一些圖片：設置jQuery Galleria插件在特定圖像上打開

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>';

現在 - 當我點擊其中的一些照片，我不只是想表明全在白色背景上的大小的圖像。我想在Galleria插件中打開它，並有可能滾動到該頁面上的其他圖像。我無法弄清楚如何做到這一點。如果我用<div id="galleria" style="height:500px;">中的圖片包裝div，插件會在我打開圖庫部分時立即啓動。代碼

JS部分是很基本的：

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

編輯：我找到了解決辦法。在PHP條件下，首先我將href參數設置爲href="?galerie&inGallery&index='.$i.'"。 galerie參數意味着打開相同的頁面Im on，index是while循環中的行號（它與Galleria中的索引相匹配），inGallery設置PHP條件。在URL中的inGallery參數中，帶有圖片的塊現在被包裝在<div id="galleria">中，而href參數是圖片的實際鏈接。所以現在畫廊頁面在Galleria中打開。要點擊圖像打開環球免稅店，我添加了JS功能。我的JS部分（也包裹在條件if(isset($_GET['inGallery']))）現在看起來像這樣（加我加鏈接使用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 
     }); 

    });

來源

2014-02-20 Michal S

請提供更具體的信息，尤其是js代碼。您可能需要更改觸發器啓動畫廊插件。 –

我免稅店的js代碼只是\t'$（函數（）{ \t \t Galleria.loadTheme（ '廣場/主題/經典/ galleria.classic.min.js'）; \t \t Galleria.run（ '＃廣場' ）; \t \t \t \t \t}）;' –

，我發現，也許是我必須以某種方式告訴與圖像索引應該啓動插件......但廣場文檔didn't證明非常有幫助的，只有非常基本的例如沒有描述，如何做這些事情... –

您需要使用show method。從鏈接「顯示指定爲索引的圖像。您可以隨時調用此方法，並將圖像放入轉換隊列中。」

來源

2015-03-30 19:47:24

設置jQuery Galleria插件在特定圖像上打開

回答

相關問題