Images carrying the class "reel", which aren't Reel instance yet, a…

…re picked up, have their data payload taken off and fed to `.reel()` as the usual options hash. #193

jquery.reel.js

@@ -1882,7 +1882,11 @@ jQuery.reel || (function($, window, document, undefined){
 
       scan: function(){
         $(dot(klass)).each(function(ix, image){
-          if ($(image).parent().is(dot(overlay_klass))) return;
+          if ($(image).parent().hasClass(overlay_klass)) return;
+          var
+            $image= $(image),
+            options= $image.data()
+          $image.removeData().reel(options);
         });
       },
 

test/unit/data.js

@@ -431,4 +431,32 @@
     });
   });
 
+  test( 'Data-configured `<img>` tags are turned into Reel instances upon scan', function(){
+    expect(7);
+    var
+      options= {
+        image: 'image2.jpg',
+        frames: 15,
+        frame: 5
+      },
+      $img= $('<img>').attr({
+        src: 'image.jpg',
+        width: 300,
+        height: 200,
+        id: 'my_data_configured_image',
+        'class': 'reel',
+        'data-image': options.image,
+        'data-frames': options.frames,
+        'data-frame': options.frame
+      }).appendTo('#Body');
+
+      $.reel.scan();
+
+      ok( $img.parent().is('.reel-overlay'), 'Image is nested inside the Reel overlay (`.reel-overlay`)' );
+      $.each(options, function(option, value){
+        equal( $img.reel('options')[option], value, 'Tested `'+option+'` value picked up.');
+        equal( $img.reel(option), value, 'Tested `'+option+'` actually used.');
+      });
+  });
+
 })(jQuery);