Aricie
The DNN Expert for your web project
Forum
HomeHomeModulesModulesHtmlMapMakerHtmlMapMakerPosition of mouseover imagePosition of mouseover image
Previous
 
Next
New Post
4/17/2013 5:36 PM
 

How do I position an image for mouseover? As it is right now the image displays high. I see that it centers on the hotspot and have tried to change positioning with no luck. Below is my main image and one of my mouseover images.

 

 
New Post
4/17/2013 6:27 PM
 
Hi,

You needs some configurations to position an image for mouseover event.
    - Go to Edit current map, you will see your map with the hotspot you have added. Click it to edit hotspot
    - Go to Hotspot Interactivity > Behaviour > On mouse over > Action type, choose Display 
    - You can insert your image or any html content here. Modify Top/Left Alignment to change your image's position

ARICIE
 
New Post
4/17/2013 9:43 PM
 
Thank you Aricie,

I have the map set up and I get weird black and white boxes behind the map when I hover. The image also flickers as the mouse moves over it while hovering. It is much worse in Firefox than in IE.

It can be seen at http://www.rgrepohomes.com/Map/tabid/99/Default.aspx

Thank You,
Brian
 
New Post
4/18/2013 10:59 AM
 
Hi Brian,

You have set your image on your map (left: 0px, top: 0px). So, when you move mouse on the hotspot, your image will displayed above and  mouseout event of the hotspot is fired (mouse is on your image now). Because you have chosen Auto hide over content, your image will be hidden and mouse will be on hotspot again... These actions will be repeated and raise your error

To fix it, make sure your image has not the same position as the hotspot. ( For example, in Display HTML Content setting, set left=500px )

ARICIE
 
New Post
4/18/2013 4:33 PM
 

Hi Aricie,

I just want the areas of the map to change color when you hover over them like a typical navigation. I do not want another image to pop up off to the side. How do I accomplish this?

Thank You,
Brian

 
New Post
4/19/2013 9:51 AM
 
Hi,

You can define your area as a hotspot. Then
    - Go to Settings of the module
    - Go to HtmlMapMaker Settings > Configuration > Default Map Layout
    - Check Show Hotspots and Show Hotspots Layout, your area will be highlight (in orange color by default) when you hover over it

Regards,
ARICIE
 
New Post
4/19/2013 3:21 PM
 
Ok, I have tried and just cannot get this set up right. Can I pay you to set it up for me?
 
New Post
4/19/2013 4:38 PM
 
Hi,

Can you add me as a user who has role editing HTML MapMaker module?
Send me the login/password by mail (vdnguyen@aricie.fr) and i will configure it for you

NGUYEN Van Duc
ARICIE
 
New Post
4/23/2013 10:54 PM
 
Thanks so much for the help!
 
Previous
 
Next
HomeHomeModulesModulesHtmlMapMakerHtmlMapMakerPosition of mouseover imagePosition of mouseover image