JQuery全屏庫

我正在使用超大插件http://buildinternet.com/project/supersized/來獲取全屏庫。JQuery全屏庫

它本身工作正常，但我需要隱藏和只顯示fancybox按鈕和esc按鈕。我使用的是fancybox 2，我也想實現全屏模式，所以我使用了supersized。

問題是：如何隱藏超大尺寸而不損害其行爲？

答案並非如你所想的那麼簡單，因爲如果你嘗試將'display：none'設置爲div＃supersized和其他相關div，當你顯示它時，圖像的自動'適合'不起作用...

如果您設置'visibility：hidden'，它似乎可以工作，但是當我第一次看到第一張圖像時，應該顯示圖像的那個盒子是完全白色的。

你可以看到我的測試網站，例如：http://provaschiavello.altervista.org/Projects/STARFISH%20SQUARE%20|%20PIAZZA%20VITTORIO

有什麼建議？

來源

2012-05-26 Andrey_

Andrey，當我加載你的頁面時，我看到圖像加載得很好。有沒有一個特定的瀏覽器，你看到這個問題？ – jmort253

現在看起來好像很好，但如果我清除瀏覽器緩存，我會再次看到該問題。我使用Firefox 10.0.4 ... 如果我刷新頁面而不清除緩存，它可以正常工作。 –

更新：在Chrome中效果很好，但是一些圖片在超大尺寸中完全不可見，儘管它們都在幻燈片陣列中... 我懷疑超大尺寸不是一個強大的插件...您能否建議我別的東西？ –

這裏是溶液（或解決方法）：

設置這個全局變量：第一= TRUE;

創建這兩個實用的功能：

function fullScreen(n) { 
    // Init supersized only at first time 
    if (first) { 
     jQuery(function($){ 
      $.supersized({ 
       // All the supersized 'options': 'value' 
      }); 
     }); 
     first = false; 
    } 
    // Repeat this for each element of the page 
    // which needs to be hided while supersized is running 
    $('#myElem').fadeOut(); 

    // Show it 
    $('#supersized-container').fadeIn(); 
    $('#supersized').fadeIn(); 
    api.goTo(n+1); 
} 

function closeFull() { 
    $('#supersized-container').fadeOut(); 
    $('#supersized').fadeOut(); 

    // Same as above 
    $('#myElem').fadeIn(); 
}

，然後用它們來超大型和正常的頁面之間切換。

注意：fullScreen（n）的參數是傳遞給超大畫廊的索引。

享受。 :)

來源

2012-05-28 00:01:25

+1 - 感謝您回來發佈您的解決方案。 :) – jmort253

回答

相關問題