Getting the resized picture url

Hi scatmandon,

Unfortunately, you’re discarding the majority of what this plugin was built for by just pulling the image URL – if that’s all you need, all you really want is the SLIR image resize library’s functionality.

I’ve done that myself by just manually putting the base query and the image URL I was planning on using at the end of it. So, just copy the “SLIR Base URL” out of the admin, and then append your sizing query and url onto the end of it. e.g.:

/slir/w80/wp-content/themes/your-theme/images/an-image.png

This is something worth putting into a global function though, I’ll see if I can get something out for the next update.

Thanks!

Hello

I would also be interested by the same idea than scatmandon !
I’ve build a slider with resized images thanks to your great plugin, but i need the images to go fullscreen. I don’t want to do it with JS, since it’s possible only using CSS (background-size:cover;)

So would it be possible to select a “fullscreen” option that would output a html like this one :

<span data-picture="" data-alt="COMMERCES2" data-width="3000" data-height="1256" class="attachment-full"><span data-src="https://localhost:8888/3dmplans/web/slir/w300/3dmplans/web/wp-content/uploads/2014/09/COMMERCES2.jpg" data-media="all"></span>
<noscript><img src="https://localhost:8888/3dmplans/web/slir/w300/3dmplans/web/wp-content/uploads/2014/09/COMMERCES2.jpg" width="3000" height="1256" class="attachment-full" alt="COMMERCES2"></noscript>
<span data-src="https://localhost:8888/3dmplans/web/slir/w470/3dmplans/web/wp-content/uploads/2014/09/COMMERCES2.jpg" data-media="(min-width:420px)"></span>
<span data-src="https://localhost:8888/3dmplans/web/slir/w584/3dmplans/web/wp-content/uploads/2014/09/COMMERCES2.jpg" data-media="(min-width:600px) and (max-width:800px)"></span>
<span data-src="https://localhost:8888/3dmplans/web/slir/w584/3dmplans/web/wp-content/uploads/2014/09/COMMERCES2.jpg" data-media="(min-width:885px)"></span>
<div style="background:url(https://localhost:8888/3dmplans/web/slir/w584/3dmplans/web/wp-content/uploads/2014/09/COMMERCES2.jpg)"></div>
</span>

I’ve tried to output this by modifying “responsive-image-polyfill.php” but no success…
Any idea please ?

thx