2016-03-22 3 views
2

Я пытаюсь использовать этот плагин: https://github.com/sachinchoolur/lightGalleryКак получить миниатюры с миниатюрами 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 миниатюр. .. ПОМОГИТЕ!

ответ

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> 

Вы просто заменить идентификатор видео YouTube на IMG SRC, на этом примере «P1mmrxt71RQ». Для того, чтобы искать другое YouTube использовать размер миниатюр этого http://boingboing.net/features/getthumbs.html

И для этого трюка, вы DonT необходимого использование

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

Я надеюсь, что эта помощь

+0

Да, я знаю, как получить YouTube превью от//img.youtube.com/ url. Я думал, что эта лампочка делает это для меня. Наверное, это не так. – Tosh