Can this be used with variables?

[rupl]

I've been trying to dynamically inline images. My use case is a gallery and I have pre-generated 32x32 thumbs of images. I know the location of these thumbnails within my codebase and my idea was to use capture:

{% capture imgsrc %}/img/path/to/thumb.jpg{% endcapture %}

Then I could loop through my gallery and inline the thumbs. But no matter what format I try to pass to the {% base64 imgsrc %} tag via this variable (full URL, absolute path, system path), it always reports the following:

Liquid Exception: No such file or directory - imgsrc in _includes/gallery.html, included in _posts/my-gallery-file.md

When I hardcode the URL I was trying to capture in a variable, the data URI outputs just fine.

[GSI]

I'm unsure on what could be a "best practice" way to add variable support. The lib was written with hard-coded URLs in mind.

Maybe you could turn jekyll_image_encode into a Block (instead of Tag) and merge your URLs as content: {% base64 %}http://foo http://bar{% endbase64 %}, but I'm just wild-guessing.

If you happen to find a good solution, be sure to PR :)

[rupl]

cool, thanks for the info! I'm not new to using Jekyll, but I've never written a plugin so I was actually unaware of the underlying difference between a Tag and Block. And of course I will be sure to return here if I find an nonintrusive way to add the functionality

[jdalton]

For reference this is how the Jekyll include tag supports variables – https://github.com/jekyll/jekyll/pull/1495/files

[jdalton]

I can attempt a PR to add this based on how the include tag handles it.
@GSI Is that something you'd be OK with?

[GSI]

As long as current usage stays unchanged, I am having no objections against that concept.

[jdalton]

🤘 I'll try to get a PR by the weekend or so.

[jay-to-the-dee]

Anyone get anywhere with this? Just trying this plugin out and it's the first thing I wanted to do 😀

[inetbiz]

I really would like to use liquid variables for the URL param =)

[phuhl]

My understanding is, that you can use the context from the render method to get to the variables content:

      # ...
      def render(context)
        encode_image(context[@url])
      end

      def encode_image(file)
        # ...
        file = file.sub(/^\//, '')
        # ...
        image_handle = open(file)
        # ...
      # ...

This is working for me at least...