jQuery-rwdImageMaps-rails 1.6.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 30fb65d05caae4f63ba5f9640000dde6aaac21a9570514c6bc0c592af88bfc1c
+  data.tar.gz: bda0266b272c0fd54e9a48b0c8aaf1dcf2b50a3c93746e2e79554e7a3306a5d1
+SHA512:
+  metadata.gz: fe0ebe9027927a7a5b2cc709ba81e70c90d79595c5d66db0402e7e798a4ff97eb2f3b4afb929f55bb86b98f0411b22790e9cb67ca223a79817b3193b76740b23
+  data.tar.gz: 4e9b8fda0344680a5f6b81f8316dd76dc6fa63cf95002840de473692ccec6583a496d65d3ac5d5916cfbeb4b94bf5c5b1034ac606d3630e155f7e8adb98a1b19

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 Matt Stow
+
+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,27 @@
+jQuery-rwdImageMaps-rails [![Gem Version][version-badge]][rubygems]
+===================
+
+[jQuery-rwdImageMaps-rails](https://github.com/Eric-Guo/jQuery-rwdImageMaps-rails), Rails wrap of Responsive Image Maps jQuery Plugin.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'jQuery-rwdImageMaps-rails'
+
+And then execute:
+
+    $ bundle
+
+## How to use
+
+Add to your JavaScript manifest file (application.js):
+
+```js
+//= require jquery.rwdImageMaps
+```
+
+Visit [official doc](https://github.com/stowball/jQuery-rwdImageMaps#jquery-rwd-image-maps)
+
+[version-badge]: https://badge.fury.io/rb/jQuery-rwdImageMaps-rails.svg
+[rubygems]: https://rubygems.org/gems/jQuery-rwdImageMaps-rails

data/lib/jQuery-rwdImageMaps-rails.rb

@@ -0,0 +1,10 @@
+require 'jQuery-rwdImageMaps-rails/version'
+
+module Jquery
+  module RwdImageMaps
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/jQuery-rwdImageMaps-rails/version.rb

@@ -0,0 +1,5 @@
+module Jquery
+  module RwdImageMaps
+    VERSION = '1.6.0'.freeze
+  end
+end

data/vendor/assets/javascripts/jquery.rwdImageMaps.js

@@ -0,0 +1,75 @@
+/*
+* rwdImageMaps jQuery plugin v1.6
+*
+* Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
+*
+* Copyright (c) 2016 Matt Stow
+* https://github.com/stowball/jQuery-rwdImageMaps
+* http://mattstow.com
+* Licensed under the MIT license
+*/
+;(function($) {
+	$.fn.rwdImageMaps = function() {
+		var $img = this;
+
+		var rwdImageMap = function() {
+			$img.each(function() {
+				if (typeof($(this).attr('usemap')) == 'undefined')
+					return;
+
+				var that = this,
+					$that = $(that);
+
+				// Since WebKit doesn't know the height until after the image has loaded, perform everything in an onload copy
+				$('<img />').on('load', function() {
+					var w, h;
+					if ($that.data('w') && $that.data('h')) {
+						w = $that.data('w');
+						h = $that.data('h');
+					} else {
+						var attrW = 'width',
+							attrH = 'height';
+							w = $that.attr(attrW);
+							h = $that.attr(attrH);
+
+						if (!w || !h) {
+							var temp = new Image();
+							temp.src = $that.attr('src');
+							if (!w)
+								w = temp.width;
+							if (!h)
+								h = temp.height;
+						}
+						$that.data('w', w);
+						$that.data('h', h);
+					}
+
+					var wPercent = $that.width()/100,
+						hPercent = $that.height()/100,
+						map = $that.attr('usemap').replace('#', ''),
+						c = 'coords';
+
+					$('map[name="' + map + '"]').find('area').each(function() {
+						var $this = $(this);
+						if (!$this.data(c))
+							$this.data(c, $this.attr(c));
+
+						var coords = $this.data(c).split(','),
+							coordsPercent = new Array(coords.length);
+
+						for (var i = 0; i < coordsPercent.length; ++i) {
+							if (i % 2 === 0)
+								coordsPercent[i] = parseInt(((coords[i]/w)*100)*wPercent);
+							else
+								coordsPercent[i] = parseInt(((coords[i]/h)*100)*hPercent);
+						}
+						$this.attr(c, coordsPercent.toString());
+					});
+				}).attr('src', $that.attr('src'));
+			});
+		};
+		$(window).resize(rwdImageMap).trigger('resize');
+
+		return this;
+	};
+})(jQuery);

metadata

@@ -0,0 +1,49 @@
+--- !ruby/object:Gem::Specification
+name: jQuery-rwdImageMaps-rails
+version: !ruby/object:Gem::Version
+  version: 1.6.0
+platform: ruby
+authors:
+- Matt Stow
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-05-23 00:00:00.000000000 Z
+dependencies: []
+description: Rails wrap of Responsive Image Maps jQuery Plugin.
+email:
+- matt@mattstow.com
+- eric.guocz@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- lib/jQuery-rwdImageMaps-rails.rb
+- lib/jQuery-rwdImageMaps-rails/version.rb
+- vendor/assets/javascripts/jquery.rwdImageMaps.js
+homepage: https://github.com/Eric-Guo/jQuery-rwdImageMaps-rails
+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: []
+rubygems_version: 3.0.3
+signing_key: 
+specification_version: 4
+summary: Rails wrap of Responsive Image Maps jQuery Plugin.
+test_files: []