ГалереяПросмотр картинок в панели

Question

Я пытаюсь добавить диафильм в галерею изображений, используя GalleryView плагин, версия 2.0. У меня возникла проблема, что указанные изображения в диалоговом окне (миниатюры) отображаются на панели вместо указанного изображения в div (class = "panel").

Как видно из примеров и документации, пользовательские киноленты могут быть добавлены следующим образом:

<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

Вы можете ясно видеть, что в панели ПОС эскиз вместо оригинального (совершенно иную картину, чем миниатюры).

Я использую следующий объект настройки:

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

Answer 1

Только в случае, если проблема связана с GalleryView 2.0, увидеть образцы для этого, есть изменения в подготовке списка изображений: вам не нужно больше использовать эскизы ... your'e описание галерея должна выглядеть

<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

Answer 2

это возможность иметь собственные эскизы:

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

но панель-накладка больше не будет работать. 5 секунд считывания кода привезли меня туда :)