Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Image Maps and rollovers

Posted on 2012-03-16
3
Medium Priority
?
293 Views
Last Modified: 2012-03-22
Hello,

I have an image which has various hotspots done using an image map, when you rollover a particular hotspot a box appears with details on that brand.

You can view it here - http://sportism.arrivaldesign.co.uk/global_partners.php

I have it working to an extent using jquery to show and hide onmouseover, but I've tried several different ways and I always get a flickering effect at random times?

Can anyone suggest how I can stop this happening?

Thanks

Chris
0
Comment
Question by:djfenom
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 2000 total points
ID: 37730290
It appears to be a case of an overdone effect.  The script engine is probably being overwhelmed by the number of events firing when the user mouses the map.  the is nothing killing the effects on mouse out so you can actually get multiple event firing at the same time.

Basically you have built a page that has the potential to get out of control. When an event is fired you have to terminate any other event that is in progress.


Cd&
0
 

Author Comment

by:djfenom
ID: 37733149
Ok, thanks, any idea how I might solve it?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 37737875
You.ve got it coded in jquery, an that is something I avoid trying to fix.  Perhaps a jquery expert will come along and have some suggestions.

Cd&
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

661 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question