Fake Image Map Rollovers (comments)
Displaying 1 - 19 of 19 comments

It's creating a transparent div block and position/linking it over a desire area.
lol maybe I will just use someone else's code and remove their images and insert my own. lol. Cus I am lost here. Oh well. Thnx for your help, yo.
I will get this after reading it twice or so. I also need to find out about image ready. Not sure if even my dad has it, I just never noticed...I think.....?......
I get very convoluted when I try to explain something simple to me, yet difficult for others to understand. It doesn't make it any easier trying to post something simple yet extremely tedious and over-exaggerated on the internet. I do see a lot of errors but if I didn't try to explain anything at all, think of the many more people who would have still been lost had I not?
Its just a script to create transparent div links and/or if you would like an image to be in the background when you hover over it.
I had images included but they were removed or the bandwidth exceeded, sorry.
RE: Its creating transparent links with a background image when they are hovered...
If you have an overlay image and want a hover effect on a certain part or area and you've created another image that will change the appearance of the spot when its hovered, then this code is just an easy way of combining the two - image and hover spots.
Similarly, this script will do the same however does not provide the image placement codes and in-depth explanantion.
http://www.cr eateblog.com/scripts/script.ph p?id=1799
I found this code useful and not too laborious for a simple faded rollover.
Put this in the style.css sheet
a.myopacity img{
border: none;
padding: 0px;
filter:alpha(opacity=45) ;
-moz-opacity: 0.45;
opacity: 0.45;
}
a.myopacity:hover img{
border: none;
padding: 0px;
filter:alpha(opacity=100 );
-moz-opacity: 1.0;
opacity: 1.0;
}
Then on your page insert your images to be faded on rollover and put the myopacity class in their link:
Regards,
Mayda
Un limited Media - small business web design
http://unlimitedmedia. com
Its creating transparent links with a background image when they are hovered...
"uhm... could you make one code instead of a tutorial lol."
Why is it saying that post is from me?
I know for a fact that I did not post that.
Oh well. I blame Tung.
OK, bear of little brain here - I don't quite follow this as there is no example and the code as written obviously does not function in itself. Please could we have a full code example or a working demo?
uhm... could you make one code instead of a tutorial lol.
there isnt much of a purpose to this tutorial, for me at least.
im sure this is really gonna help somebody though
I don't have enough time to make image maps; so thanks for tha "fake" one. I've been looking for this code a while!
Add Comment
You must be logged in to comment
Tutorial Details
Designer |
anime-essence
![]() |
Submitted on | Jan 6, 2007 |
Page views | 77149 |
Favorites | 46 |
Comments | 19 |
Reviewer |
anime.essence
![]() |
Approved on | Dec 31, 1969 |