rbuchberger / jekyll_picture_tag

Easy responsive images for Jekyll.
https://rbuchberger.github.io/jekyll_picture_tag/
BSD 3-Clause "New" or "Revised" License
623 stars 106 forks source link

No image displayed. #39

Closed davidvasandani closed 10 years ago

davidvasandani commented 10 years ago

For some odd reason my images don't display. They're generated and exist when I browse to them directly but they don't show up on my site. See it live here: http://www.suchbrooklyn.com/

This is the generated code:

<p><span class="blog-full" itemprop="image" data-picture data-alt >
    <span data-src="/generated/wendys-350by200-871bb9.jpg"></span>
    <span data-src="/generated/wendys-525by300-871bb9.jpg" data-media="(-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)"></span>
    <span data-src="/generated/wendys-450by364-871bb9.jpg" data-media="(min-width: 30em)"></span>
    <span data-src="/generated/wendys-675by546-871bb9.jpg" data-media="(min-width: 30em) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 30em) and (min-resolution: 144dpi)"></span>
    <span data-src="/generated/wendys-700by566-871bb9.jpg" data-media="(min-width: 40em)"></span>
    <span data-src="/generated/wendys-960by776-871bb9.jpg" data-media="(min-width: 40em) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 40em) and (min-resolution: 144dpi)"></span>
    <noscript>
      <img src="/generated/wendys-350by200-871bb9.jpg" alt="">
    </noscript>
  </span></p>

This is the markdown:


---
layout: post
title: playing with images

---
how does this work?

{% picture zombies.jpg %}

{% picture wendys.jpg %}
kremalicious commented 10 years ago

Looks like you're using Picturefill 2.0 while this plugin here currently only works with the 1.2 version: https://github.com/scottjehl/picturefill/blob/1.2/picturefill.js

robwierzbowski commented 10 years ago

Closing in favor of https://github.com/robwierzbowski/jekyll-picture-tag/issues/38.