Click behavior in Ja Image Hotspot

fritzk

Hello,

I am using "Ja Image Hotspot" on this page: http://neu2.gaw.at/en/industrial-plants-overview/industrial_plants_interactive_paper.html

Some Testusers are always clicking at the Numbers - in this case a new Page will open.
Other Users are clicking at the Link inside the PopUp, which opens the same Link inside the same Page

Can I Change this by any configuration?

The second question to this module will be: can I somehow change the radius of the hotspots? (for one specific used hotspot module, not for all)
I have another Page inside this side, where the Hotspots should be a transparent grafic which is about 3-Times as big

Thanks for sugestions! Regards, Fritz

saguaros

fritzk

Could you share the credentials of your site so I can check?

also share the URL of page where you want to have bigger icons.

fritzk

Hello saguraros,

Thank you! I created the page as an example: http://neu2.gaw.at/en/technology/dispersing.html

In this case I want to change the small numbers against a transparent round image which is as big as the grafical circles (the content of the popups will change afterwards...)
Also here it is very likely that the users will click an get a new page before they click into the link of the popup...

For your help:

Module:

http://neu2.gaw.at/administrator/index.php?option=com_modules&view=module&layout=edit&id=308

Article:

http://neu2.gaw.at/administrator/index.php?option=com_content&view=article&layout=edit&id=81

Thank you!

saguaros

fritzk

For the number, actually, it's an icon image: http://neu2.gaw.at/images/interactive_tool/icons/01.png and you can change there.

With the link inside the popup, you can open the file: root_folder/modules/mod_jaimagehotspot/tmpl/default.php

Look for the href tag and add target attribute for it: target="_blank"

<a style="<?php echo $bgimg; ?>text-align:center;background-size:cover;color:<?php echo (!empty($des->iconcolor) ? $des->iconcolor : '#000'); ?>;top:<?php echo $des->offsety; ?>%;left:<?php echo $des->offsetx; ?>%"
   class="point <?php echo $classpoint.' point'.$i; ?>"
   href="javascript:void(0)"
   id="<?php echo 'ja-marker-'.$des->imgid; ?>"
   data-bgcolor="<?php echo $bgcolor; ?>"
   data-content_url="<?php echo $des->content_url; ?>"
   data-link="<?php echo $des->link; ?>"
   data-vwidth="<?php echo $des->vwidth; ?>"
   data-vheight="<?php echo $des->vheight; ?>"
   title="">
	<span class="hidden">Point</span>
</a>

Regards

fritzk

Hello saguraros,

Thank you! This helps me changing the program, I think I will get it.
But "blank" is the opposite I want. (the click to a number should stay insider the page - and as a feedback this should be changed in the extension)

The other problem: Equal how I would change the image (01.png) it would stay the same size!

But it could be solved in style:

Since the second hotspot-module needs the small numbers, I will try to add a header-class to the module and a style in custom css...

saguaros

fritzk

Hi,

You meant on this page? http://neu2.gaw.at/en/technology/dispersing.html

As I can see that you keep number small now, let me know if you need further help on this.

Regards