thumbnail_hover_effect 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1cc0a9d7352ce82eb3c04ff2bead90ddfb12f323
-  data.tar.gz: 7a99a989888de72c7e3449be30c583e5638402b4
+  metadata.gz: fbb201d59dc2fc20eacfce316ece236e08d8d170
+  data.tar.gz: f9ab96a0fb6a7a8c6312602acbe6aeecd7e99303
 SHA512:
-  metadata.gz: 74f320e9bf251af93d888f163428f2ef09a896515de9cabc282ba9419a0ba30b4be4196b8579b3256711a7437ffae5d6683dc18ba05f50339887220976604139
-  data.tar.gz: 1375257656415b3eb13399f505d695cfb5617ccbeca69f89ce638bc6fa85f5d52bfb8d9d1bada91cf2d9acf13344d9980bfa7e10307de12916ae64ce1b479301
+  metadata.gz: 0d5e322bb92b63281b652e7d55c0640145d5be2c07703651b7a481b1f62b9f0a6ff1c7d44848844d7137a6a9a4c350c109a5d4a9664c66f46cf03ab9ee4e7b33
+  data.tar.gz: 03bf055ad210e827043dd81faa20cfb383335131eb1d606c65df2df7ccbd7de02dde9111f921e4c9e6acd7902bf5eb09df8ffd5db17630d6ddd9596b200a8a19

data/.idea/thumbnail_hover_effect.iml

@@ -14,7 +14,7 @@
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />
     <orderEntry type="library" scope="PROVIDED" name="bundler (v1.3.5, RVM: ruby-2.0.0-p247) [gem]" level="application" />
-    <orderEntry type="library" scope="PROVIDED" name="rake (v10.1.0, RVM: ruby-2.0.0-p247) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="rake (v10.3.2, RVM: ruby-2.0.0-p247) [gem]" level="application" />
   </component>
 </module>
 

data/README.md

@@ -1,7 +1,7 @@
 # ThumbnailHoverEffect
 
-Introduces simple image thumbnail 3D image hover effects using CSS 3D transforms.
-The idea is inspired by [this creat codedrops article] (http://tympanus.net/codrops/2012/06/18/3d-thumbnail-hover-effects/).
+Introduces simple thumbnail 3D image hover effects using CSS 3D transforms.
+The idea is inspired by [this great codedrops article] (http://tympanus.net/codrops/2012/06/18/3d-thumbnail-hover-effects/).
 
 
 ## Installation
@@ -18,6 +18,30 @@ Or install it yourself as:
 
     $ gem install thumbnail_hover_effect
 
+## Creating demonstration thumbnail hover effect
+
+In order to get known with the thumbnail hover effect options you can create a demo thumbnail hover effect following the steps below:
+
+__Creating thumbnail files__ 
+
+Executing the following line in your rails application console:
+
+    rails generate thumbnail demo
+
+Add the following lines in your *application.css* file:
+
+    *= require thumbnails/fontello.css
+    *= require thumbnails/demo/demo.css.sass
+ 
+__Rendering images with thumbnail hover effect__
+
+Create a instances of the generated thumbnail class and call their *render* functions like this:
+
+    <%= Demo.new.render({effect_number:1}) %>
+    <%= Demo.new.render({effect_number:2}) %>
+    <%= Demo.new.render({effect_number:3}) %>
+    <%= Demo.new.render({effect_number:4}) %>
+
 ## Usage
 
 ### Basic Usage
@@ -26,7 +50,7 @@ In order to implement the thumbnail 3D image hover effects in your rails applica
 
 __Creating thumbnail files__ 
 
-Executing the following line in your rails application folder:
+Executing the following line in your rails application console:
 
     rails generate thumbnail class_name
 
@@ -49,7 +73,7 @@ Add the following lines in your *application.css* file:
  
 __Rendering images with thumbnail hover effect__
 
-Create a instance from the generated thumbnail class and call its *render* function like this:
+Create a instance of the generated thumbnail class and call its *render* function like this:
 
     ClassName.new(
                     {
@@ -68,7 +92,7 @@ Note:
 
 ####Using the right settings#####
 
-The gem generator is creating 3D hover effects using CSS 3D transforms. Because of this, you are not able to use the generated *CSS* files
+The gem generator is creating 3D image hover effects using CSS 3D transforms. Because of this, you are not able to use the generated *CSS* rules
 for images with different width and height.
 
 The generator uses default width and height if they are not supplied, but in most cases you will need to specify them:
@@ -82,7 +106,7 @@ or
 
 ####Thumbnail Effects#####
 
-There are four built-in thumbnail effects. By default, the generator is generating *CSS* for all of them.
+There are four built-in thumbnail effects. By default, the generator is generating *CSS* rules for all of them.
 
 1. How to generate *CSS* for specific thumbnail effect only?
 
@@ -105,7 +129,7 @@ There are four built-in thumbnail effects. By default, the generator is generati
                         }
         ).render
 
-    If you need to specify an effect you can pass it as *render* function parameter:
+   If you need to specify an effect you can pass it as *render* function parameter:
     
         ClassName.new(
                         {
@@ -116,8 +140,8 @@ There are four built-in thumbnail effects. By default, the generator is generati
 
 ####Thumbnail Template#####
 
-Creating a thumbnail *HTML* template is the key part of the thumbnail image 3D hover effect. Basically, this is the *HTML*, 
-which is shown on image hover and it can be customized to meet the developer needs.
+Creating a thumbnail *HTML* template is the key part of the thumbnail image hover 3D effect. Basically, this is the *HTML*,
+which is shown on image hover event and it can be customized to meet the developer needs.
 
 1. How to create *HTML* thumbnail template?
 
@@ -137,7 +161,6 @@ which is shown on image hover and it can be customized to meet the developer nee
               </div>
             "
           end
-        
 
 2. How to pass arguments to thumbnail template?
 
@@ -145,8 +168,8 @@ which is shown on image hover and it can be customized to meet the developer nee
    
         ClassName.new(
                         {
-                            url:image.image_url,
-                            attributes:{likes:'12', dislikes: '2'}
+                            url: image.image_url,
+                            attributes: {likes:'12', dislikes: '2'}
                         }
         ).render
         

data/lib/generators/thumbnail_generator.rb

@@ -9,7 +9,7 @@ class ThumbnailGenerator < Rails::Generators::Base
   class_option :width, type: 'numeric', default: 300, aliases: '-w',
                desc: 'specifies image width'
 
-  class_option :height, type: 'numeric', default: 216, aliases: '-h',
+  class_option :height, type: 'numeric', default: 200, aliases: '-h',
                desc: 'specifies image height'
 
   class_option :effects, type: 'string', default: '1,2,3,4', aliases: '-e',

data/lib/thumbnail_hover_effect/image.rb

@@ -3,7 +3,8 @@ module ThumbnailHoverEffect
   class Image
 
     # image use if such is not specified
-    IMAGE_NOT_FOUND = '/images/no-image-found.jpg'
+    IMAGE_NOT_FOUND = '/assets/no-image-found.jpg'
+    IMAGE_DEMO = '/assets/demo/demo.jpg'
 
     # class attributes
     attr_accessor :url,         # image source url
@@ -11,11 +12,20 @@ module ThumbnailHoverEffect
 
     # validating input parameters and using defaults if necessary
     def initialize(parameters = {})
+      # demo mode
+      if parameters.empty?
+        parameters = {
+            url: IMAGE_DEMO,
+            attributes:{likes:'224', dislikes: '2', url:'#'}
+        }
+      end
+
       @url = parameters.fetch(:url, IMAGE_NOT_FOUND)
       @attributes = parameters.fetch(:attributes, {})
 
       @url = IMAGE_NOT_FOUND unless File.extname(@url) =~/^(.png|.gif|.jpg|.jpeg|.bmp)$/
       @attributes = {} unless @attributes.is_a?(Hash)
+
     end
 
     # rendering image without thumbnail effect

data/lib/thumbnail_hover_effect/version.rb

@@ -1,3 +1,3 @@
 module ThumbnailHoverEffect
-  VERSION = '0.1.0'
+  VERSION = '0.1.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: thumbnail_hover_effect
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - gotqn
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-06-02 00:00:00.000000000 Z
+date: 2014-07-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -72,6 +72,7 @@ files:
 - lib/thumbnail_hover_effect/image.rb
 - lib/thumbnail_hover_effect/version.rb
 - thumbnail_hover_effect.gemspec
+- vendor/assets/images/demo/demo.jpg
 - vendor/assets/images/no-image-found.jpg
 homepage: https://github.com/gotqn/thumbnail_hover_effect
 licenses:
@@ -93,7 +94,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.3
+rubygems_version: 2.3.0
 signing_key: 
 specification_version: 4
 summary: Introduces simple image thumbnail 3D image hover effects using CSS 3D transforms.