Releasing 3.3.0, picture width and height to img

Releasing 3.3.0, which copies picture's width and height attributes to
the resulting image

Gruntfile.js

@@ -5,7 +5,7 @@ module.exports = function(grunt) {
 	grunt.initConfig({
 		// Metadata.
 		meta: {
-			version: '3.2.1'
+			version: '3.3.0'
 		},
 		banner: '/*! picturePolyfill - v<%= meta.version %> - ' +
 			'<%= grunt.template.today("yyyy-mm-dd") %>\n' +

bower.json

@@ -1,6 +1,6 @@
 {
 	"name": "picturePolyfill",
-	"version": "3.2.1",
+	"version": "3.3.0",
 	"main": "picturePolyfill.js",
 	"ignore": [
 		".idea",

src/picturePolyfill.js

@@ -208,14 +208,24 @@ var picturePolyfill = (function(w) {
 		 * @param attributes
 		 */
 		_setImg: function(pictureElement, attributes) {
-			var imageElements = pictureElement.getElementsByTagName('img');
+			var pictureAttributesToCopy, attributeName, attributeValue,
+				imageElements = pictureElement.getElementsByTagName('img');
 
 			// If image already exists, use it
 			if (imageElements.length) {
 				imageElements[0].setAttribute('src', attributes.src);
 			}
 			// Else create the image
 			else {
+				// Adding picture's attributes to the image (e.g. width, height)
+				pictureAttributesToCopy = ['width', 'height'];
+				for (var i = 0, len = pictureAttributesToCopy.length; i<len; i+=1) {
+					attributeName = pictureAttributesToCopy[i];
+					attributeValue = pictureElement.getAttribute(attributeName);
+					if (attributeValue) {
+						attributes[attributeName] = attributeValue;
+					}
+				}
 				if (this._appendSupport) {
 					this._appendImg(pictureElement, attributes);
 				}

test/picturePolyfill.qunit.js

@@ -359,8 +359,8 @@ test("_replacePicture creates a picture and the right image", function() {
 
 test("_setImg should first create then update an image", function() {
 	var testContainer, images;
-	$('body').append('<div id="testContainer"></div>');
 
+	$('body').append('<div id="testContainer"></div>');
 	testContainer = document.getElementById('testContainer');
 
 	// No images at start
@@ -385,6 +385,22 @@ test("_setImg should first create then update an image", function() {
 
 });
 
+test("_setImg() should copy picture's width and height attributes to image", function() {
+	var testContainer, images;
+
+	$('body').append('<picture id="testContainer" width="666" height="69"></picture>');
+	testContainer = document.getElementById('testContainer');
+
+	// Check img width and height
+	picturePolyfill._setImg(testContainer, {src: 'http://placehold.it/1x1', alt: 'An image'});
+	testContainer = document.getElementById('testContainer');
+	images = testContainer.getElementsByTagName('img');
+	strictEqual(images.length, 1);
+
+	strictEqual(images[0].getAttribute('width'), '666');
+	strictEqual(images[0].getAttribute('height'), '69');
+});
+
 test("parse() is called at DOM ready", function() {
 	if (!document.createEvent) {
 		ok(true);