ГалереяПросмотр изображений диафильма на панели - PullRequest
Новая
       30

ГалереяПросмотр изображений диафильма на панели

1 голос
/ 15 февраля 2010

Я пытаюсь добавить киноленту в галерею изображений с помощью плагина 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?

Как это выглядит:

альтернативный текст 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>

Ответы [ 2 ]

2 голосов
/ 23 февраля 2010

На всякий случай, если проблема связана с 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 образец

0 голосов
/ 09 марта 2010

МОЖНО иметь собственные эскизы: 

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

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

...