| View previous topic :: View next topic |
| Author |
Message |
squeeezable
Joined: 03 Oct 2006
Posts: 18
|
| Posted: Mon Mar 31, 2008 2:05 pm Rollover Imagemap |
|
|
Hi guys,
I was wondering if anyone could help me to get these two codes combined and working!
I have this returning feature on my blog called 'linkbox' in which I place links that I've gathered.
I made an image of a closed box, and an image of an open box, in which there are several area's you should be able to click to get to the links.
For some reason I can't get the rollover and the imagemap to work together.
Here's an example of what it does now:
http://charlottesblog.web-log.nl/mijn_weblog/2008/04/post.html
It's all weird and keeps opening and closing.
This is the code I have now:
Code: <div align="center">
<p><script language="JavaScript">
<!-- Begin
image1 = new Image();
image1.src = "http://img403.imageshack.us/img403/967/linkboxweek10qb8.png";
// End -->
</script>
<map name="map10">
<area href="http://www.collegehumor.com/video:1803195" target="_blank" alt="Phun" title="Phun" shape="RECT" coords="61,396,149,481" />
<area href="http://www.collegehumor.com/video:1799271" target="_blank" alt="Fuuuck!" title="Fuuuck!" shape="RECT" coords="169,397,261,481" />
<area href="http://themightysven.carbonmade.com/projects/37941" target="_blank" alt="Nude Suits" title="Nude Suits" shape="RECT" coords="276,399,368,481" />
<area href="http://www.flurl.com/item/21_Accents__u_311278" target="_blank" alt="Different accents" title="Different Accents" shape="RECT" coords="59,576,153,662" />
<area href="http://www.darkroastedblend.com/2008/01/creative-ads-issue-9.html" target="_blank" alt="Cool Ads" title="Cool Ads" shape="RECT" coords="168,577,260,662" />
<area href="http://www.collegehumor.com/video:1803357" target="_blank" alt="World in Words" title="World in Words" shape="RECT" coords="274,578,367,662" />
</map>
<a onmouseout="image1.src='http://img403.imageshack.us/img403/2659/linkboxdichthx7.png';" onmouseover="image1.src='http://img403.imageshack.us/img403/967/linkboxweek10qb8.png';" href="">
<img border="0" src="http://img403.imageshack.us/img403/2659/linkboxdichthx7.png" usemap="#map10" name="image1" /></a>
</p>
</div>
Can anyone explain me in easy speak (I'm no expert) what I'm doing wrong?
I would really appreciate it! |
|
|
squeeezable
Joined: 03 Oct 2006
Posts: 18
|
| Posted: Sat Apr 05, 2008 3:12 pm |
|
|
| Anyone? :( |
|
|
|
Corey Bryant
Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA
|
| Posted: Sun Apr 06, 2008 2:28 pm |
|
|
Implement one of these rollover scripts instead. It seems you are relying on JavaScript which might be unreliable on some browsers.
_________________
Corey
Toll Free Solutions | Mile High Merchant Accounts | Expression Web Blog |
|
|
| |
|
|
|
