У меня есть следующий шаблон HTMLUP: Lens . В этом шаблоне изображения организованы в виде миниатюр, и когда вы нажимаете на них, они становятся большими, как вы можете видеть.
<!-- Thumbnail -->
<section id="thumbnails">
<article>
<a class="thumbnail" href="lens/images/fulls/01.jpg" data-position="left center"><img src="lens/images/thumbs/01.jpg" alt="" /></a>
<h2>Diam tempus accumsan</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</article>
</section>
Теперь я хочу встроить изображение с Flickr, используя этот шаблон. Например, код встраивания HTML этого изображения, например, будет:
<a data-flickr-embed="true" href="https://www.flickr.com/photos/jonathancastellino/15510692076/in/feed" title="retro.futurism"><img src="https://live.staticflickr.com/65535/15510692076_1645f72ebd_n.jpg" width="320" height="214" alt="retro.futurism"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
Я безуспешно пытаюсь объединить и большой размер, и эскиз. Если я просто изменяю href, иногда изображение вообще не загружается, только продолжает загружаться. С другой стороны, эскиз всегда отображается в очень низком качестве. Вы знаете, что я могу объединить оба кода в один?
Спасибо.