Module PlaceholderImage

[Soma]

PlaceholderImage

 

A simple placeholder class to generate base64 data uri string that can be used to create placeholders for prototypes or as placeholders for lazy-loaded images. Original credits for the PHP Class go to Patrick van Marsbergen. https://github.com/marsbergen/PHP-Placeholder

 

Use this module in templates to generate placeholder images. It doesn't create a physical image but a base64 data uri string to use as the src of image tag. You can get the base64 code or the complete img tag for convenience.

 

Example chained call:

$base64 = $modules->PlaceholderImage->width(640)->height(480)->background('DDDDDD')->render();

 

Then insert the string as the src like:

 

<img src="<?php echo $base64?>">

 

Or pass true to render() to get a complete <img> tag

 

$imgTag = $modules->PlaceholderImage->width(640)->height(480)->render(true);

 

Or static calls for convenience:

 

$base64 = PlaceholderImage::image(150,100);
$base64 = PlaceholderImage::image(150, 100, 'FF0000', 'FFFFFF', 'Custom text');
$imgTag = PlaceholderImage::imagetag(150, 100, 'FF0000', 'FFFFFF', 'Custom text');

Github repo

https://github.com/somatonic/PlaceholderImage

On PW modules 

http://modules.processwire.com/modules/placeholder-image/

Live Example on lightning.pw

http://radium-0rq.lightningpw.com/

[Soma]

Just added demo example using lightning.pw

http://radium-0rq.lightningpw.com/

[arjen]

Nice one soma! Gonna try this as an alternative to placehold.it.

[OrganizedFellow]

https://github.com/imsky/holder

That's the one I used to use.

[elabx]

Just came here to say this module works perfect up to date, testing on 3.0.148 ?. Thanks @Soma!

[OrganizedFellow]

On 4/28/2020 at 6:15 PM, elabx said:

Just came here to say this module works perfect up to date, testing on 3.0.148 ?. Thanks @Soma!

Great news!

Adding this to my "next to try" Modules, lol.