Javascript GalleryView filmstrip面板中的图片

我正在尝试使用插件2.0版将电影带添加到图片库中。我有一个问题，filmstrip中的指定图片（缩略图）显示在面板中，而不是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中成功实现了此电影片段

外观：

您可以清楚地看到，面板中的图片是缩略图，而不是原始图片（与缩略图完全不同）

我正在使用以下设置对象：

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

$（函数（）{
$（“#照片”）。galleryView({
面板宽度：800，
面板高度：300，
框架宽度：100，
车架高度：38，
过渡速度：1200，
背景颜色：'#222'，
边界：“无”，
放松：“轻松返回”，
悬停悬停：正确，
导航主题：“自定义”，
覆盖层高度：52，
电影带位置：'顶部'，
覆盖位置：“顶部”
});
});

以防万一，请参见示例，图像列表准备中有一些更改：您不再需要使用缩略图。。。 你的画廊描述应该是这样的

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

太阳效应


伊甸园

---

无论如何，请参见

可以自定义缩略图：

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

---

但面板覆盖层将不再起作用。5秒钟的代码阅读让我明白了这一点：）

不确定出了什么问题，你可以发布一个屏幕截图来进一步说明问题吗？现在更清楚发生了什么？你使用的是什么galleryview版本，是2.0吗？配置时使用的是什么javascript？是的，我使用的是2.0版。我还添加了JavaScript conf.object。是的，我知道这一点，但我想使用自定义缩略图。如何才能做到这一点？我已经做了与示例中完全相同的操作，但它不起作用。您应该使用自定义图标什么？版本1.1？2.0不支持自定义电影带？？正确，版本2.0中没有对电影带和图标的单独定义。图标是由图像生成的。我想出来了