Img alt tag functionality included!

This will change up the syntax needed to use via php in template files.
If you upgrade but do not change syntax, plugin will still work, you
just won't have alt tags

Author: tevko

readme.md

@@ -7,15 +7,15 @@ This plugin tells WordPress to create three additional sizes for images you uplo
 
     PHP (use in template files) -
 
-    <span data-picture>
-		<?php 
-			$image = 'the id of your image';
-			$mappings = array(
-	            0 => 'small-img', 
-	            250 => 'large-img',
-	            1000 => 'full-width'
-	        );
-		?>
+    <?php 
+		$image = get_field('upload_image');
+		$mappings = array(
+            0 => 'small-img', // zero maps to default
+            250 => 'large-img',
+            1000 => 'full-width'
+        );
+	?>
+	<span data-picture data-alt="<?php echo get_img_alt($image) ?>">
 	   	<?php echo getPictureSrcs($image, $mappings) ?>
 	   	<noscript> <?php echo wp_get_attachment_image($image, $mappings[2]) ?> </noscript>
 	</span>

wp-tevko-responsive-images.php

@@ -4,10 +4,10 @@
 	Plugin Name: WP Tevko Responsive Images
 	Plugin URI: http://timevko.com
 	Description: Fully responsive image solution using picturefill and the ID of your image.
-	Version: 0.2.0
+	Version: 0.2.2
 	Author: Tim Evko
 	Author URI: http://timevko.com
-	License: Creative Commons
+	License: MIT
 	*/
 
 
@@ -24,12 +24,16 @@ function get_picturefill() {
 	add_image_size('medium-img', 700, 372);
 	add_image_size('small-img', 300, 200);
 
+	//alt tags will now be automatically included
+	function get_img_alt($image) {
+		$imgalt = trim(strip_tags( get_post_meta($image, '_wp_attachment_image_alt', true) ));
+		return $imgalt;
+	}
 
 	function getPictureSrcs($image, $mappings) {
 		$arr = array();
-
 		foreach ($mappings as $size => $type) {
-			$imageSrc = wp_get_attachment_image_src($image, $type);
+			$imageSrc = wp_get_attachment_image_src($image, $type, $alt);
 			$arr[] ='<span data-src="'. $imageSrc[0] . ' "data-media="(min-width:'. $size .'px)"></span>';
 		}
 		return implode($arr);
@@ -51,7 +55,7 @@ function responsiveShortcode($atts) {
 		);
 
 	   return 
-			'<span data-picture>'
+			'<span data-picture data-alt="'. get_img_alt($imageid) .'">'
 				. getPictureSrcs($imageid, $mappings) .
 				'<noscript>' . wp_get_attachment_image($imageid, $size2) . ' </noscript>
 			</span>';
@@ -67,4 +71,4 @@ function responsive_insert_image($html, $id, $caption, $title, $align, $url) {
 	}
 	add_filter('image_send_to_editor', 'responsive_insert_image', 10, 9);
 
-?>
+?>