retina_tag 1.0.2 → 1.1.0

data/README.md

@@ -37,6 +37,11 @@ Be sure to also specify the base dimensions in your `image_tag` calls:
 
 Awesome right?
 
+## Lazy Loading Images (EXPIREMENTAL)
+if you set `:lazy => true` on an image_tag, the src attribute is moved to a lodpi_src attribute. A seperate attribuet `data-lazy-load` is live updated with the devicePixelRatio state, and the src attribute is not automatically updated.
+When you are ready to load the image, you can simply remove the image elements `data-lazy-load` attribute, and retina_tag will automatically insert the src attribute properly.
+
+
 ## Contributing
 
 1. Fork it

data/app/assets/javascripts/retina_tag.js

@@ -1,17 +1,46 @@
-function highdpi_init() {
-  if(window.devicePixelRatio > 1)
-  {
-    var els = jQuery("img").get();
-    for(var i = 0; i < els.length; i++) {
-      var hiDpiSrc = $(els[i]).attr('hidpi_src');
+var RetinaTag = RetinaTag || {};
 
-      if(hiDpiSrc) {
-        els[i].src = hiDpiSrc;
-      }
+RetinaTag.init = function() {
+  RetinaTag.updateImages();
+  RetinaTag.interval = setInterval(RetinaTag.updateImages,50);
+};
+
+RetinaTag.updateImages = function() {
+  var images = document.getElementsByTagName('img');
+  for(var counter=0; counter < images.length; counter++) {
+    RetinaTag.refreshImage(images[counter]);
+  }
+};
+
+RetinaTag.refreshImage = function(image) {
+  var lazyLoad  = image.getAttribute('data-lazy-load');
+  var imageSrc  = image.src;
+  var hiDpiSrc  = image.getAttribute('hidpi_src');
+  var lowDpiSrc = image.getAttribute('lowdpi_src');
+  if(!hiDpiSrc) {
+    return;
+  }
+
+  if(window.devicePixelRatio > 1 && imageSrc != hiDpiSrc) {
+    if(!lowDpiSrc) {
+      image.setAttribute('lowdpi_src',imageSrc);
+    }
+    if(lazyLoad) {
+      lazyLoad.setAttribute('data-lazy-load','2x');
+    }
+    else {
+      image.src = hiDpiSrc;
+    }
+
+  }
+  else if(window.devicePixelRatio <= 1 && (imageSrc == hiDpiSrc || (lowDpiSrc && imageSrc != lowDpiSrc))) {
+    if(lazyLoad) {
+      lazyLoad.setAttribute('data-lazy-load','1x');
+    }
+    else {
+      image.src = lowDpiSrc;
     }
   }
-}
+};
 
-$(document).ready(function() {
-  highdpi_init();
-});
+RetinaTag.init();

data/lib/retina_tag/image_tag_helper.rb

@@ -18,6 +18,13 @@ module ActionView
 
       def image_tag_with_retina(source,options={})
         options_default = { :hidpi_src => hidpi_asset_path(source) }
+
+        if options[:lazy]
+          options.delete(:lazy)
+          options["data-lazy-load"] = "1x"
+          options[:lowdpi_src] = source
+          source = ''
+        end
         image_tag_without_retina(source,options_default.merge(options))
       end
 

data/lib/retina_tag/version.rb

@@ -1,3 +1,3 @@
 module RetinaTag
-  VERSION = "1.0.2"
+  VERSION = "1.1.0"
 end

data/retina_tag.gemspec

@@ -15,6 +15,5 @@ Gem::Specification.new do |gem|
   gem.require_paths = ["lib"]
   gem.version       = RetinaTag::VERSION
 
-  gem.add_dependency 'jquery-rails'
   gem.add_dependency "rails", "~> 3.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: retina_tag
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,24 +9,8 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-10-17 00:00:00.000000000 Z
+date: 2012-12-14 00:00:00.000000000 Z
 dependencies:
-- !ruby/object:Gem::Dependency
-  name: jquery-rails
-  requirement: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
@@ -74,12 +58,18 @@ required_ruby_version: !ruby/object:Gem::Requirement
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
+      segments:
+      - 0
+      hash: -2961901041095853751
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
+      segments:
+      - 0
+      hash: -2961901041095853751
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.24