Added support for retina images using srcset in img tag.

- Used by adding srcset string when pushing images to gallery.
GalleriaJS · Jan 30, 2015 · c96cea8 · c96cea8
1 parent 0684fe4
commit c96cea8
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/galleria.js b/src/galleria.js
@@ -4905,6 +4905,12 @@ this.prependChild( 'info', 'myElement' );
 
                 self._layers[index].innerHTML = self.getData().layer || '';
 
+                // Set srcset in img tag for responsive retina images.
+                if (data.srcset) {
+                    $( image.image ).attr( 'srcset', data.srcset );
+                    $( image.image ).attr( 'sizes', image.width+"px" );
+                }
+
                 self.trigger($.extend(evObj, {
                     type: Galleria.LOADFINISH
                 }));
@@ -5151,6 +5157,12 @@ this.prependChild( 'info', 'myElement' );
 
                 complete: function( next ) {
 
+                    // Set srcset in img tag for responsive retina images.
+                    if (data.srcset) {
+                        $( next.image ).attr( 'srcset', data.srcset );
+                        $( next.image ).attr( 'sizes', next.width+"px" );
+                    }
+
                     // toggle low quality for IE
                     if ( 'image' in active ) {
                         Utils.toggleQuality( active.image, false );