jsquery image responsive

[Hugo.b]

hello

 

I made a a responsive image map i want to put my code in the "home editor" module.

My JQUERY file is on my server, however the responsive not work, in google chrome i have faur error :

 

Uncaught TypeError: $input.autocomplete is not a function: blocksearch.js:36 

Uncaught TypeError: $(...).uniform is not a function:15-jquery.uniform-modified.js:1076 

 

Uncaught TypeError: Cannot read property 'update' of undefined : 15-jquery.uniform-modified.js:1082 

Uncaught TypeError: Cannot read property 'update' of undefined: 15-jquery.uniform-modified.js

 

Here is my jsquery code :

 

;(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[spam-filter]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)[spam-filter]r.attr(l,p.toString())})}).attr("src",d.attr("src"))})};a(window).resize( .trigger("resize");return this[spam-filter])(jQuery);

 

My html code attached 

 

Thank you fot your help

responsive_map_avd-responsive.html

Edited October 15, 2016 by Hugo.b (see edit history)