I would like to be able to specify (in a preset) that the fallback image is the source image (assuming the source image is accessible in the generated site).
I am using https://github.com/sparanoid/lightense-images to provide a "click to zoom" feature. The script uses the src attribute from the img. As such if the fallback is small (e.g. about the size I need prior to zooming) then the zoomed image is also small.
Workaround:
I can set the fallback_width to a very large number (such as 99999) which will then generate an image that uses the dimensions of the source. Downsides to the workaround are:
Processing time to generate a file from the source that has the same dimensions
Resulting file size was larger than the original source
I would prefer to serve the original source rather than a reprocessed one for javascript zoom features and lightboxes
I would like to be able to specify (in a preset) that the fallback image is the source image (assuming the source image is accessible in the generated site).
Example input:
{%picture /sourceimage.jpg %}
Current output:
<img src="/generated/sourceimage-800-e6ca07ba2.jpg" srcset="/generated/sourceimage-400-e6ca07ba2.jpg 400w, /generated/sourceimage-600-e6ca07ba2.jpg 600w, /generated/sourceimage-800-e6ca07ba2.jpg 800w, /generated/sourceimage-1000-e6ca07ba2.jpg 1000w" />
Desired output:
<img src="/sourceimage.jpg" srcset="/generated/sourceimage-400-e6ca07ba2.jpg 400w, /generated/sourceimage-600-e6ca07ba2.jpg 600w, /generated/sourceimage-800-e6ca07ba2.jpg 800w, /generated/sourceimage-1000-e6ca07ba2.jpg 1000w" />
Desired output (using data_img):
<img data-src="/sourceimage.jpg" data-srcset="/generated/sourceimage-400-e6ca07ba2.jpg 400w, /generated/sourceimage-600-e6ca07ba2.jpg 600w, /generated/sourceimage-800-e6ca07ba2.jpg 800w, /generated/sourceimage-1000-e6ca07ba2.jpg 1000w" />
Use case:
I am using https://github.com/sparanoid/lightense-images to provide a "click to zoom" feature. The script uses the src attribute from the img. As such if the fallback is small (e.g. about the size I need prior to zooming) then the zoomed image is also small.
Workaround:
I can set the fallback_width to a very large number (such as 99999) which will then generate an image that uses the dimensions of the source. Downsides to the workaround are:
Similar issue: