請幫我讓我的畫廊工作（jQuery;硬幣滑塊; Fancybox）

我是新來的和新的在JQuery/Javascript - 我有2個問題。請幫我讓我的畫廊工作（jQuery;硬幣滑塊; Fancybox）

我真的很感激，如果你下載文件here！ - 因爲這是更簡單的方式來讓自己清楚 - 我希望。

我用硬幣滑塊的主要畫廊，在這裏我需要看到，在幻燈片，在拇指的所有畫廊的圖片（小圖使用）和幻燈片，在照片上點擊後，應該在全屏視圖中打開（使用更大的圖片）在Fancybox燈箱庫的幫助下。

所以......

問題1：在幻燈片，顯示是在畫廊的所有照片，在大拇指。目前沒有顯示 - 設法顯示某個圖片，但不涉及所有畫廊。

問題2：單擊照片時，當前在幻燈片上 - 應該在全屏視圖中打開。目前似乎與Coin Slider衝突，原因是Coin Slider沒有鏈接到index.html文件中，全屏視圖可以工作，但圖片以列表模式顯示。

我相信並希望有在硬幣滑塊文件需要拇指（問題1）小的修正和index.html一些代碼修正全屏視圖（問題2）。

這是一個很長時間的閱讀 - 感謝您因爲閱讀到最後而感到抱歉，並對可能出現的語法錯誤感到抱歉（我是非英語用戶）。

來源

2013-04-18 user2296876

請設置codepen或JSfiddle來隔離__live__環境中的問題。這會讓我們更容易幫助你。 –

Hi @Nick。我將代碼添加到「codepen」中：http://cdpn.io/oIsGL。位凌亂，導致加入2個jqueries（coin-slider/fancybox） - 不知道它是否允許在jQuery中。希望它有幫助。 – user2296876

我遇到同樣的問題。我發現可以通過href執行一個JavaScript調用，它可以與Coin Slider一起使用。例如：

href="javascript:alert('hello');"

理論上，可以使用它打開Fancybox圖庫的特定元素。

我正在處理一個示例。

編輯：

這是它。比方說，我們有一個投幣滑塊如下所示：

<div id="coin-slider"> 
    <a href="javascript:box(0);"><img src="img/small/1.jpg"></a> 
    <a href="javascript:box(1);"><img src="img/small/2.jpg"></a> 
    <a href="javascript:box(2);"><img src="img/small/3.jpg"></a> 
</div>

然後，我們可以創建一個名爲「盒子」與參數「我」，這將在適當的位置開一個畫廊的fancybox「我」的功能。

<script type="text/javascript"> 
    function box(i) { 
     $.fancybox.open([ 
      { 
       src : 'img/big/1.jpg', 
       opts : { 
        caption : 'Optional description 1' 
       } 
      }, 
      { 
       src : 'img/big/2.jpg', 
       opts : { 
        caption : 'Optional description 2' 
       } 
      }, 
      { 
       src : 'img/big/3.jpg', 
       opts : { 
        caption : 'Optional description 3' 
       } 
      } 
     ], { 
      loop : false, index : i 
     }); 
    }; 
</script>

我使用的fancybox 3，但我敢肯定，這可以被編輯與其他版本的正常工作。希望這可以幫助那裏的人。

來源

2017-04-07 23:43:33

請幫我讓我的畫廊工作（jQuery;硬幣滑塊; Fancybox）

回答

相關問題