Template:Team:Marburg/Template:ResponsiveImageMaps

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <script> - →! A fix for the iOS orientationchange zoom bug. Script by @scottjehl, rebound by @wilto.MIT License.: (function(a){function m(){d.setAttribute("content",g),h=!0...")
Line 1: Line 1:
<html>
<html>
<script>
<script>
-
/*! A fix for the iOS orientationchange zoom bug. Script by @scottjehl, rebound by @wilto.MIT License.*/(function(a){function m(){d.setAttribute("content",g),h=!0}function n(){d.setAttribute("content",f),h=!1}function o(b){l=b.accelerationIncludingGravity,i=Math.abs(l.x),j=Math.abs(l.y),k=Math.abs(l.z),(!a.orientation||a.orientation===180)&&(i>7||(k>6&&j<8||k<8&&j>6)&&i>5)?h&&n():h||m()}var b=navigator.userAgent;if(!(/iPhone|iPad|iPod/.test(navigator.platform)&&/OS [1-5]_\d like Mac OS X/i.test(b)&&b.indexOf("AppleWebKit")>-1))return;var c=a.document;if(!c.querySelector)return;var d=c.querySelector("meta[name=viewport]"),e=d&&d.getAttribute("content"),f=e+",maximum-scale=1",g=e+",maximum-scale=10",h=!0,i,j,k,l;if(!d)return;a.addEventListener("orientationchange",m,!1),a.addEventListener("devicemotion",o,!1)})(this);
+
/*
 +
* rwdImageMaps jQuery plugin v1.5
 +
*
 +
* 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) 2013 Matt Stow
 +
* https://github.com/stowball/jQuery-rwdImageMaps
 +
* http://mattstow.com
 +
* Licensed under the MIT license
 +
*/
 +
;(function(a){a.fn.rwdImageMaps=function(){var c=this;var b=function(){c.each(function(){if(typeof(a(this).attr("usemap"))=="undefined"){return}var e=this,d=a(e);a("<img />").load(function(){var g="width",m="height",n=d.attr(g),j=d.attr(m);if(!n||!j){var o=new Image();o.src=d.attr("src");if(!n){n=o.width}if(!j){j=o.height}}var f=d.width()/100,k=d.height()/100,i=d.attr("usemap").replace("#",""),l="coords";a('map[name="'+i+'"]').find("area").each(function(){var r=a(this);if(!r.data(l)){r.data(l,r.attr(l))}var q=r.data(l).split(","),p=new Array(q.length);for(var h=0;h<p.length;++h){if(h%2===0){p[h]=parseInt(((q[h]/n)*100)*f)}else{p[h]=parseInt(((q[h]/j)*100)*k)}}r.attr(l,p.toString())})}).attr("src",d.attr("src"))})};a(window).resize(b).trigger("resize");return this}})(jQuery);
</script>
</script>
<style>
<style>

Revision as of 15:16, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Marburg/Template:ResponsiveImageMaps"