GalleryView中的幻燈片圖片

我試圖使用GalleryView插件2.0版將幻燈片添加到圖片庫。我有一個問題，幻燈片中的指定圖片（縮略圖）顯示在面板中，而不是div（class =「panel」）中的指定圖片。GalleryView中的幻燈片圖片

如從實例和文檔很明顯，自定義幻燈片可以通過以下方式添加：

<ul class="filmstrip"> 
<li><img src="img/gallery/frame-01.jpg" alt="Effet du soleil" title="Effet du soleil" /></li> 
<li><img src="img/gallery/frame-02.jpg" alt="Eden" title="Eden" /></li> 
</ul>

我的展廳看起來是這樣的：

<div id="gallery_wrap"> 
    <div id="photos" class="galleryview"> 
     <div class="panel"> 
      <img src="/upload/pic/IMG_02740_orig.jpg" /> 
     </div> 
     <div class="panel"> 
      <img src="/upload/pic/IMG_02740_orig.jpg" /> 
     </div> 
     <ul class="filmstrip"> 
      <li> 
       <img src="/upload/pic/IMG_02739_thumb.jpg" alt="Effet du soleil" title="Effet du soleil" /></li> 
      <li> 
       <img src="/upload/pic/IMG_02739_thumb.jpg" alt="Eden" title="Eden" /></li> 
     </ul> 
    </div> 
</div>

我做錯了嗎？我基本上已經從示例中複製粘貼，並且不起作用。有沒有人在GalleryView中成功實現這個幻燈片部分？

它的外觀：

alt text http://img692.imageshack.us/img692/852/galleryviewfilmstripima.jpg

你可以清楚地看到，在面板縮略圖PIC代替了原來的（完全不同的畫面比縮略圖）。

我使用以下設置的對象：

<script type="text/javascript"> 
     $(function() { 
      $('#photos').galleryView({ 
       panel_width: 800, 
       panel_height: 300, 
       frame_width: 100, 
       frame_height: 38, 
       transition_speed: 1200, 
       background_color: '#222', 
       border: 'none', 
       easing: 'easeInOutBack', 
       pause_on_hover: true, 
       nav_theme: 'custom', 
       overlay_height: 52, 
       filmstrip_position: 'top', 
       overlay_position: 'top' 
      }); 
     }); 
    </script>

來源

2010-02-15 Peter Stegnar

不安靜肯定發生了什麼問題，可以發佈截圖詳細的問題進一步？ – 2010-02-15 13:52:08

現在更清楚發生了什麼事情？ – 2010-02-15 14:13:57

你使用的是什麼galleryview版本，它是2.0嗎？ – 2010-02-23 09:02:23

以防萬一的問題是有關GalleryView 2.0，看到它的樣品，有在圖像列表製作的變化：你不需要再使用縮略圖... 傻冒圖片描述應該像

<div id="gallery_wrap"> 
    <ul id="gallery"> 
     <li> 
     <span class="panel-overlay">Effet du soleil</span> 
     <img src="/upload/pic/IMG_02740_orig.jpg" /> 
     </li> 
     <li> 
     <span class="panel-overlay">Eden</span> 
     <img src="/upload/pic/IMG_02740_orig.jpg" /> 
     </li> 
    </ul> 
</div>

反正看到GalleryView 2.0 sample

來源

2010-02-23 11:29:12

是的，我知道這一點，但我想使用自定義縮略圖。如何做到這一點？我完全按照示例進行，但不起作用。 – 2010-02-25 09:34:33

您應該使用http://plugins.jquery.com/files/jquery-galleryview-1.1.zip作爲自定義圖標 – 2010-02-25 13:20:48

什麼？版本1.1？ 2.0不支持自定義幻燈片？ – 2010-02-26 07:49:52

它可能有自定義縮略圖：

<ul id="gallery"> 
    <li><img class="panel-content" src="path/to/image" /><img src="path/to/thumbnail" /></li> 
</ul>

但面板疊加將不再工作。 5秒的代碼閱讀帶給我那裏:)

來源

2010-03-09 08:58:37 Metin

GalleryView中的幻燈片圖片

回答

相關問題