responsive_images 0.1.1 → 0.1.2

checksums.yaml

@@ -1,15 +1,7 @@
 ---
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    ZjY5MjkwZmFhNTVlYjk2ZGIzZDFiMjYxNWU3NzI2MmViZDE2M2NmZQ==
-  data.tar.gz: !binary |-
-    YTJmOTM3ZWNiNjE2OGVkNzk4YTA3MTQ3ZjJlOWI2NTA4ZjMyNWYzMA==
-!binary "U0hBNTEy":
-  metadata.gz: !binary |-
-    NTRlNGRiNGUzOTk1OGY5OTFlNzMwMDg2ZTY1ZjliMzQ2NzdlNWJjMmU0ZDli
-    YWY5Y2YzNDAwMmEwZmNlZTdmYjFiM2IwYjM3ZDkwYzZkZWViYTUzNzg2NGM1
-    OTQ5YWEzNjE2MTdlNzE4MjJmZmQxZjVjYjRmYjFjNDM0YzQ1MTU=
-  data.tar.gz: !binary |-
-    N2Y5ZGYwNzUyNWFkZjU5NDNmMTJmMWMzNmY2MTZhMWMzZDAzMTIzMjhiYzUx
-    ZTExYjdjNjllN2Y4MmYyOTZkOWFhMjk3YTc3MGVjNjczNTRhODBmMzI3MDRl
-    OWRmYzc4NzAwYjY0ZWI2YmY5ODQ2ZmE5M2NiYjIzNThiNTc5Njg=
+SHA1:
+  metadata.gz: 3e4dd3c4b94654c4e4798dc1ba23e57388b2d843
+  data.tar.gz: 20f82f2b249e465cadaaccde8ddd5a21b703ad85
+SHA512:
+  metadata.gz: 9ba615db84fdbfc576a4a824714af1f57b8ff9c99c1f926b59d462af07b47b4148fff66c6d48b180ec2ef3248e93df03f9739989217e18365b4d306ecf77732c
+  data.tar.gz: f843a89b660af0ded1ef6583ceacea1f0bd599387ab7132f1d1a8e84132f4bdf23043d6b9a3860e4136cd81b4a31da94acb2fcfae8bede4b78236a4e9aa6f0c2

data/lib/responsive_images/version.rb

@@ -1,3 +1,3 @@
 module ResponsiveImages
-  VERSION = "0.1.1"
+  VERSION = "0.1.2"
 end

data/vendor/assets/javascripts/responsive-images.js

@@ -46,27 +46,27 @@
         responsive_images.settings.screen_width = $(window).width();
         responsive_images.settings.screen_height = $(window).height();        
       }      
-      // Set up our array of sizes and the closest match as null
-      var size = null;
-      var size_key = null;
-      var sizes = {
-        mobile_size: defaults.mobile_size,
-        tablet_size: defaults.tablet_size,
-        desktop_size: defaults.desktop_size,
-      };
-      // Loop over our size array to figure out which size is the closest to our screen size
-      $.each(sizes, function(key, value) {
-        if (size == null || Math.abs(value - responsive_images.settings.screen_width) < Math.abs(size - responsive_images.settings.screen_width)) {
-          size = value;
-          size_key = key;
-        };
-      });
-      responsive_images.update_images(size_key, size);      
+      // Default image is considered the largest one
+      var size_key = 'default_size';
+      var sizes = [
+        ['desktop_size', responsive_images.settings.desktop_size],
+        ['tablet_size', responsive_images.settings.tablet_size],
+        ['mobile_size', responsive_images.settings.mobile_size],
+      ];
+      // Iterate over sizes and find one which matches current screen size
+      for(var i = 0; i < sizes.length; i++) {
+        // If screen width is larger than any breakpoint
+        if (responsive_images.settings.screen_width < sizes[i][1]) {
+          size_key = sizes[i][0];
+        }
+      }      
+      
+      responsive_images.update_images(size_key);      
     };
     
     
     // Update the actual images
-    responsive_images.update_images = function(key, size) {
+    responsive_images.update_images = function(key) {
       // Set up our data attribute
       var data_attribute = "data-" + key.replace("_", "-").replace('size', 'src');      
       responsive_images.each(function(index, item) {
@@ -75,8 +75,7 @@
           // If the item is a div, let's set the background image
           if ( $(item).is('div') ) {
             $(item).css({
-              "background-image" : 'url("' + $(item).attr(data_attribute) + '")',
-              "background-size" : "auto",
+              "background-image" : 'url("' + $(item).attr(data_attribute) + '")'
             });
           }
           // If it's an image, let's just replace the source
@@ -93,4 +92,4 @@
   };
   
     
-})(jQuery);
+})(jQuery);

metadata

@@ -1,55 +1,55 @@
 --- !ruby/object:Gem::Specification
 name: responsive_images
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - John Koht
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-28 00:00:00.000000000 Z
+date: 2015-02-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.3'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - "~>"
       - !ruby/object:Gem::Version
         version: '1.3'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
   name: mobvious
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ! '>='
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0'
 description: A responsive image gem for Rails and Carrierwave
@@ -59,7 +59,7 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
+- ".gitignore"
 - Gemfile
 - LICENSE.txt
 - README.md
@@ -83,19 +83,18 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.7
+rubygems_version: 2.4.2
 signing_key: 
 specification_version: 4
 summary: A responsive image gem for Rails and Carrierwave
 test_files: []
-has_rdoc: