Hi
I need an responsive imagemap on a startsite. There is a stowball/jQuery-rwdImageMaps skript that make the map responsive.
where and how can i add this javascript in joomla?

<script src="ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.rwdImageMaps.min.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();

$('area').on('click', function() {
alert($(this).attr('alt') + ' clicked');
});
});
</script>

thx 4 help
regards
marc

Hi Marc,

Is this script on github?

So I can check where you need to add it

I found one but seems to have issues listed from 2015

Cheers
Paul

yes this one
github.com/stowball/jQuery-rwdImageMaps

either there ist another way the make imagemaps responsive

thx for help

regards

marc

Hi Marc,

I would check out the issues tab to see if you want to use it

Imagemaps are problematic on responsive websites unfortunately I've not used one for years

Hi Marc

Here is an extension we have used to place markers on an image, you can create your own markers that are transparent so that it works similar to an old school image map.

www.joomlart.com/joomla/extensions/ja-image-hotspot-module

It is free so worth a look, it may do what you need. Not strictly an image map but close!

Regards
Ian

Thanks Ian

Cheers
Paul

Thx for help lan and Paul

with hype/html it works perfect and fully responsive.

one more question: How can i embed the hype code in a article. I tried sourcerer but the code was stripped. It works with a iframe, but ..

link

thx 4 answer

Hi Marc,

Is there an example in an article?

Cheers
Paul