Must Read: New Unified System is officially live Must Read     |   6 Templates Updated (27 April 2018) Read more

Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

responsive imagemap

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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
  • marc's Avatar
  • marc
  • 12 Month Developer
  • 101 posts
  • 3 Thanks
  • Karma: 0
The administrator has disabled public write access.
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
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
yes this one
github.com/stowball/jQuery-rwdImageMaps

either there ist another way the make imagemaps responsive

thx for help

regards

marc
  • marc's Avatar
  • marc
  • 12 Month Developer
  • 101 posts
  • 3 Thanks
  • Karma: 0
The administrator has disabled public write access.
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
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • iafdesign's Avatar
  • iafdesign
  • LIfetime Developer - Big Bamboo
  • 393 posts
  • 153 Thanks
  • Karma: 58
The administrator has disabled public write access.
Thanks Ian

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • marc's Avatar
  • marc
  • 12 Month Developer
  • 101 posts
  • 3 Thanks
  • Karma: 0
The administrator has disabled public write access.
Hi Marc,

Is there an example in an article?

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers