 |
|
|
| 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
Site Admin
Joined: 15 May 2004
Posts: 8748
Location: Castle Pines North, CO USA
|
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
 |
|
|
|
|
|
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
