Updated to use Picture element

Now we're using the <picture></picture> element with a javascript
pollyfill that supports down to IE9 with an IE8 fallback. Less code than
the first version. Super cool

Author: tevko

js/borealis.js

@@ -2,23 +2,21 @@
 Make Sure current theme has 'add_theme_support( 'post-thumbnails' );'
 
 
-This plugin adds 3 custom image sizes to your wordpress thumbnail function, and then uses the image id to generate a borealis responsive image tag using those three sizes.
+This plugin adds 3 custom image sizes to your wordpress thumbnail function, and then uses the image id to generate a pictureTime responsive image tag using those three sizes.
 
 It works best with advanced custom fields. If you'd like to add more sizes, you can do so in the php file of this plugin.
 
 Put following code wherever you'd like the image to be
 
-<?php
-
-    $image = 'the image id';
-    // here we define the specific image sizes and names to be used in borealis
-    $mappings = array(
-        0 => 'small-img', // zero maps to default
-        500 => 'medium-img',
-        800 => 'large-img'
-    );
-    echo '<img data-borealis-srcs="', getBorealisSrcs($image, $mappings), '">';
-
-?>
-
+<picture>
+    <?php
+        $image = 'the image id or ACF field name';
+        $mappings = array(
+            0 => 'small-img', // zero maps to default
+            500 => 'medium-img',
+            800 => 'large-img'
+        );
+        echo getPictureSrcs($image, $mappings);
+    ?>
+</picture>
 

js/pictureTime.js

@@ -1,46 +1,39 @@
 <?php
 
-    /*
-    Plugin Name: WP Tevko Responsive Images
-    Plugin URI: http://timevko.com
-    Description: Fully responsive image solution using Borealis and the ID of your image.
-    Version: 0.0.1
-    Author: Tim Evko
-    Author URI: http://timevko.com
-    License: Creative Commons
-    */
+	/*
+	Plugin Name: WP Tevko Responsive Images
+	Plugin URI: http://timevko.com
+	Description: Fully responsive image solution using pictureTime and the ID of your image.
+	Version: 0.0.1
+	Author: Tim Evko
+	Author URI: http://timevko.com
+	License: Creative Commons
+	*/
 
 
-    //first we get borealis
+	//first we get pictureTime
 
-    function get_borealis() {
-        wp_enqueue_script( 'borealis', plugins_url( '/js/borealis.js', __FILE__ ));
-    }
+	function get_pictureTime() {
+	    wp_enqueue_script( 'pictureTime', plugins_url( '/js/pictureTime.js', __FILE__ ));
+	}
 
-    add_action('init','get_borealis');
+	add_action('init','get_pictureTime');
 
-    //add support for our desired image sizes
-    add_image_size( 'large-img', 1000, 702);
-    add_image_size( 'medium-img', 700, 372);
-    add_image_size( 'small-img', 300, 200);
+	//add support for our desired image sizes
+	add_image_size( 'large-img', 1000, 702);
+	add_image_size( 'medium-img', 700, 372);
+	add_image_size( 'small-img', 300, 200);
 
-    function getBorealisSrcs($image, $mappings)
+    function getPictureSrcs($image, $mappings)
     {
         $arr = array();
 
         foreach ($mappings as $size => $type)
         {
             $imageSrc = wp_get_attachment_image_src($image, $type);
-            if ($size)
-            {
-                    $arr[] = $size . ': ' . $imageSrc[0];
-            }
-            else
-            {
-                    $arr[] = $imageSrc[0];
-            }
+            $arr[] ='<source srcset="'. $imageSrc[0] . ' "media="(min-width:'. $size .'px)"/>';
         }
-        return implode(', ', $arr);
+        return implode(array_reverse($arr));
     }
 
 ?>