Added support for retina images using srcset in img tag.

[hennikul]

• Used by adding srcset string when pushing images to gallery.

Example:

slides.push({
    thumb: image.getThumbnailUrl(),
    image: image.getWebImageUrl(),
    big: image.getSlideUrl(),
    title: gallery.getName(),
    description: image.getDescription(),
    srcset: image.calculateSrcSet()
});

Results in:

<img width="921" height="691" style="image-rendering: optimizequality; display: block; opacity: 1; min-width: 0px; min-height: 0px; max-width: none; max-height: none; transform: translate3d(0px, 0px, 0px); width: 921px; height: 691px; position: absolute; top: 0px; left: 490px; cursor: pointer;" src="slideshow/2014-10_062.jpg" srcset="thumbnails/thumb_2014-10_062.jpg 200w, pics/2014-10_062.jpg 800w, slideshow/2014-10_062.jpg 1600w, 2048x2048/2014-10_062.jpg 2048w, 3840x2160/2014-10_062.jpg 2880w" sizes="921px">

This will tell the browser that the image will be rendered at 921px width (initially), calculated by the Galleria scaler, and that there is a set of sources available. On my Nexus 9, it will choose the 2048w image.

[hennikul]

After closer inspections of the network traffic, it seems the preloading is still using the smaller image. This causes every image to be loaded twice. One for retina, and one normal. I haven't been able to figure out where to connect this to the preloading functionality.

[jpkempf]

Does anyone currently have plans to continue working on this?

[jpkempf]

It should probably say "100vw", not "100wv"

[jpkempf]

Anybody? No?