lazy_image_tag 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 9750f1a64993cb21944a1034ff3bb1c67b8fe07c
+  data.tar.gz: 65af748c1ec842e620754489688fad75bc70eefb
+SHA512:
+  metadata.gz: 7f7e12a6f8db2c07305957b2fde682413abd6ecf90ae39bfbc8d187b77863ab6a247c0d0d37af26549012ee4c239cc39ba42d1260988b6a40ff084a23b83d7da
+  data.tar.gz: 5f1a6c5fe1e26bbbec2e12946461d92dc3710a67a3e0b213b0c677b676739ec9e6cb0d12b07aa8d1ba803d039a6a5cf6f49a742ac0a395b4102f27e5a4ac7ae9

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in lazy_image_tag.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 TODO: Write your name
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,45 @@
+# LazyImageTag
+
+Jquery lazy image loading gem.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'lazy_image_tag'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install lazy_image_tag
+
+## Usage
+  with "config.lazy_image_tag.use_default = true" configuration your all existing image_tag's will be loaded lazyly
+  with "config.lazy_image_tag.use_default = false" configuration you can use lazy loading with lazy_image_tag helper
+
+## Configuration
+In your application.rb file or environment(s) initializer file you can set configurations easly like the above
+
+    config.lazy_image_tag.use_default = true # with this configuration image_tag helper becomes lazy_image_tag helper
+
+    .
+    .
+    .
+    
+    config.lazy_image_tag.js_disabled = :noscript # with this configuration users will see normal image tag if their browser does not support javascript or disabled manually
+
+## Valid Config Options
+
+    :use_default => [false, true]
+    :js_disabled => [:none, :link, :noscript]
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lazy_image_tag.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'lazy_image_tag/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "lazy_image_tag"
+  spec.version       = LazyImageTag::VERSION
+  spec.authors       = ["Mehmet Emin İNAÇ"]
+  spec.email         = ["mehmetemininac@gmail.com"]
+  spec.description   = %q{This gem gives you to render lazy image ability}
+  spec.summary       = %q{Creates new helper method which name is lazy_image_tag}
+  spec.homepage      = "http://github.com/meinac/lazy_image_tag"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "rails", ">= 3.1.0"
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/lib/lazy_image_tag/engine.rb

@@ -0,0 +1,21 @@
+module LazyImageTag
+  class Engine < Rails::Engine
+
+    include HelperGenerator
+    config.lazy_image_tag = ActiveSupport::OrderedOptions.new
+
+    initializer "initialize config variables" do
+      valid_configs[:use_default].include?(config.lazy_image_tag.use_default) || config.lazy_image_tag.use_default = false
+      valid_configs[:js_disabled].include?(config.lazy_image_tag.js_disabled) || config.lazy_image_tag.js_disabled = :none
+    end
+
+    initializer "injects helper method into ActionView::Base" do
+      inject_helper
+    end
+
+    def valid_configs
+      {:use_default => [false, true], :js_disabled => [:none, :link, :noscript]}
+    end
+    
+  end
+end

data/lib/lazy_image_tag/helper_generator.rb

@@ -0,0 +1,20 @@
+require "lazy_image_tag/helpers/image_helper"
+
+module LazyImageTag
+  module HelperGenerator
+
+    def inject_helper
+      ActionView::Base.send :include, ImageHelper
+      config.lazy_image_tag.use_default ? override : inject
+    end
+
+    def override
+      ActionView::Base.class_eval{ alias_method_chain :image_tag, :lazy }
+    end
+
+    def inject
+      ActionView::Base.class_eval{ alias_method :lazy_image_tag, :image_tag_with_lazy; alias_method :image_tag_without_lazy, :image_tag }
+    end
+
+  end
+end

data/lib/lazy_image_tag/helpers/image_helper.rb

@@ -0,0 +1,36 @@
+module LazyImageTag
+  module ImageHelper
+
+    def image_tag_with_lazy(source, options={})
+      Rails.application.config.lazy_image_tag.js_disabled == :link ? link_helper(source, options) : image_helper(source, options)
+    end
+
+    def container_options(options)
+      container_options = {}
+      container_options[:class] = "lazy-image-container"
+      container_options
+    end
+
+    def link_helper(source, options)
+      options[:class].blank? ? options[:class] = "lazy-image-link" : options[:class] << " lazy-image-link"
+      options[:data] ||= {}
+      options[:data][:width] = options[:width]
+      options[:data][:height] = options[:height]
+      options[:data][:id] = options[:id]
+      options[:alt] = options[:width] = options[:height] = options[:id] = nil
+      content_tag(:div, link_to(options[:alt], path_to_image(source), options), container_options(options))
+    end
+
+    def image_helper(source, options)
+      custom_opts = options.dup
+      custom_opts[:data] ||= {}
+      custom_opts[:data][:original] = source = path_to_image(source)
+      custom_opts[:class].blank? ? custom_opts[:class] = "lazy" : custom_opts[:class] << " lazy"
+      custom_source = path_to_image("blank.png")
+      content = image_tag(custom_source, custom_opts)
+      content << content_tag(:noscript, image_tag(source, options)) if Rails.application.config.lazy_image_tag.js_disabled == :noscript
+      content_tag(:div, content, container_options(options))
+    end
+
+  end
+end

data/lib/lazy_image_tag/version.rb

@@ -0,0 +1,3 @@
+module LazyImageTag
+  VERSION = "0.0.1"
+end

data/lib/lazy_image_tag.rb

@@ -0,0 +1,3 @@
+require "lazy_image_tag/version"
+require "lazy_image_tag/helper_generator"
+require "lazy_image_tag/engine" if defined?(Rails)

data/vendor/assets/javascripts/jquery.lazyload.min.js

@@ -0,0 +1,2 @@
+/*! Lazy Load 1.9.3 - MIT license - Copyright 2010-2013 Mika Tuupola */
+!function(a,b,c,d){var e=a(b);a.fn.lazyload=function(f){function g(){var b=0;i.each(function(){var c=a(this);if(!j.skip_invisible||c.is(":visible"))if(a.abovethetop(this,j)||a.leftofbegin(this,j));else if(a.belowthefold(this,j)||a.rightoffold(this,j)){if(++b>j.failure_limit)return!1}else c.trigger("appear"),b=0})}var h,i=this,j={threshold:0,failure_limit:0,event:"scroll",effect:"show",container:b,data_attribute:"original",skip_invisible:!0,appear:null,load:null,placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"};return f&&(d!==f.failurelimit&&(f.failure_limit=f.failurelimit,delete f.failurelimit),d!==f.effectspeed&&(f.effect_speed=f.effectspeed,delete f.effectspeed),a.extend(j,f)),h=j.container===d||j.container===b?e:a(j.container),0===j.event.indexOf("scroll")&&h.bind(j.event,function(){return g()}),this.each(function(){var b=this,c=a(b);b.loaded=!1,(c.attr("src")===d||c.attr("src")===!1)&&c.is("img")&&c.attr("src",j.placeholder),c.one("appear",function(){if(!this.loaded){if(j.appear){var d=i.length;j.appear.call(b,d,j)}a("<img />").bind("load",function(){var d=c.attr("data-"+j.data_attribute);c.hide(),c.is("img")?c.attr("src",d):c.css("background-image","url('"+d+"')"),c[j.effect](j.effect_speed),b.loaded=!0;var e=a.grep(i,function(a){return!a.loaded});if(i=a(e),j.load){var f=i.length;j.load.call(b,f,j)}}).attr("src",c.attr("data-"+j.data_attribute))}}),0!==j.event.indexOf("scroll")&&c.bind(j.event,function(){b.loaded||c.trigger("appear")})}),e.bind("resize",function(){g()}),/(?:iphone|ipod|ipad).*os 5/gi.test(navigator.appVersion)&&e.bind("pageshow",function(b){b.originalEvent&&b.originalEvent.persisted&&i.each(function(){a(this).trigger("appear")})}),a(c).ready(function(){g()}),this},a.belowthefold=function(c,f){var g;return g=f.container===d||f.container===b?(b.innerHeight?b.innerHeight:e.height())+e.scrollTop():a(f.container).offset().top+a(f.container).height(),g<=a(c).offset().top-f.threshold},a.rightoffold=function(c,f){var g;return g=f.container===d||f.container===b?e.width()+e.scrollLeft():a(f.container).offset().left+a(f.container).width(),g<=a(c).offset().left-f.threshold},a.abovethetop=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollTop():a(f.container).offset().top,g>=a(c).offset().top+f.threshold+a(c).height()},a.leftofbegin=function(c,f){var g;return g=f.container===d||f.container===b?e.scrollLeft():a(f.container).offset().left,g>=a(c).offset().left+f.threshold+a(c).width()},a.inviewport=function(b,c){return!(a.rightoffold(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.abovethetop(b,c))},a.extend(a.expr[":"],{"below-the-fold":function(b){return a.belowthefold(b,{threshold:0})},"above-the-top":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-screen":function(b){return a.rightoffold(b,{threshold:0})},"left-of-screen":function(b){return!a.rightoffold(b,{threshold:0})},"in-viewport":function(b){return a.inviewport(b,{threshold:0})},"above-the-fold":function(b){return!a.belowthefold(b,{threshold:0})},"right-of-fold":function(b){return a.rightoffold(b,{threshold:0})},"left-of-fold":function(b){return!a.rightoffold(b,{threshold:0})}})}(jQuery,window,document);

data/vendor/assets/javascripts/lazy-image-tag.js.erb

@@ -0,0 +1,23 @@
+//= require jquery.lazyload.min.js
+
+$(document).ready(function(){
+  var image_id = 0;
+  $('a.lazy-image-link').each(function(){
+    image_id++;
+    var data_height = $(this).attr('data-height');
+    var data_width = $(this).attr('data-width');
+    var data_id = $(this).attr('data-id');
+    var id = "lazy-image" + image_id;
+    $(this).replaceWith('<img src="<%= asset_path("blank.png") %>" alt="' + $(this).html() + '" data-original="' + $(this).attr('href') + '" class="lazy ' + $(this).attr('class') + '" id="' + id + '"/>')
+    if(data_height != null)
+      $('#' + id).attr('height', data_height);
+    if(data_width != null)
+      $('#' + id).attr('width', data_width);
+    if(data_id != null)
+      $('#' + id).attr('id', data_id);
+  });
+
+  $('img.lazy').lazyload({
+    'effect': 'fadeIn'
+  });
+});

data/vendor/assets/stylesheets/lazy-image-tag.css.erb

@@ -0,0 +1,3 @@
+.lazy-image-container{
+  background: url(<%= asset_path("loader.gif") %>) no-repeat center center;
+}

metadata

@@ -0,0 +1,105 @@
+--- !ruby/object:Gem::Specification
+name: lazy_image_tag
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Mehmet Emin İNAÇ
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-03-20 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.0
+- !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'
+description: This gem gives you to render lazy image ability
+email:
+- mehmetemininac@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .DS_Store
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lazy_image_tag.gemspec
+- lib/lazy_image_tag.rb
+- lib/lazy_image_tag/engine.rb
+- lib/lazy_image_tag/helper_generator.rb
+- lib/lazy_image_tag/helpers/image_helper.rb
+- lib/lazy_image_tag/version.rb
+- vendor/.DS_Store
+- vendor/assets/.DS_Store
+- vendor/assets/images/blank.png
+- vendor/assets/images/loader.gif
+- vendor/assets/javascripts/jquery.lazyload.min.js
+- vendor/assets/javascripts/lazy-image-tag.js.erb
+- vendor/assets/stylesheets/lazy-image-tag.css.erb
+homepage: http://github.com/meinac/lazy_image_tag
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+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.3
+signing_key: 
+specification_version: 4
+summary: Creates new helper method which name is lazy_image_tag
+test_files: []