3

我正在尝试使用这个插件：https ://github.com/sachinchoolur/lightGallery

我不明白的是 - 它会为图像/视频生成缩略图吗？

而且我无法使用文档从 youtube 获取缩略图...

CSS：

<link rel="stylesheet" href="/static/css/lightgallery.min.css">
<script type="text/javascript" src="/static/js/lg-fullscreen.min.js"></script>
<script type="text/javascript" src="/static/js/lightgallery.min.js"></script>
<script type="text/javascript" src="/static/js/lg-thumbnail.min.js"></script>
<script type="text/javascript" src="/static/js/lg-video.min.js"></script>

JS：

$('.light-gal-item').lightGallery({
    thumbnail: true,
    thumbWidth: 120,
    thumbContHeight: 90,
    loadYoutubeThumbnail: true,
    youtubeThumbSize: 'default'
});

HTML：

<div class="light-gal-item">
    <a href="http://www.youtube.com/watch?v=P5_GlAOCHyE" data-src="http://www.youtube.com/watch?v=P5_GlAOCHyE">
        <img src="http://www.youtube.com/watch?v=P5_GlAOCHyE"
             width="120" height="90" />
    </a>
</div>

它会做这样的图像......但即便如此，我也无法弄清楚它是否有缩略图，或者它是否需要不同的网址......

而且它不会制作 youtube 缩略图......帮助！

4

1 回答 1

1

我有同样的问题，但也许你可以使用这个技巧

这是我的代码

<div id="video-gallery">
<a href="https://www.youtube.com/watch?v=P1mmrxt71RQ">
<img src="http://img.youtube.com/vi/P1mmrxt71RQ/0.jpg" class="cropped" />
</a>
</div>

您只需替换 img src 上的 youtube 视频 ID，在此示例中为“P1mmrxt71RQ”。要搜索另一个 youtube 缩略图大小，请使用此http://boingboing.net/features/getthumbs.html

而对于这个技巧，你不需要使用

<script type="text/javascript" src="/static/js/lg-thumbnail.min.js"></script>

我希望这有帮助

于 2016-06-30T05:38:53.427 回答