 |  |  |  |  |  |  |  |
I Need Help Making A Rollover Image!
 |
Please help me with this. i really need to no how to make a rollover image 4 my site. a need a detailed discription please. i've looked on several sites and done several searches for help on making rollover images and none have helped me. i am using geocities as a webhost. if u help me i will give u positive feed back so please help me!
Xbox 360 x Halo 2= ♥ :cheesy: ♥
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
<a href="link" onMouseOver="document.image.src='on.gif'" onMouseOut="document.image.src='off.gif'"> <img src="off.gif" name="image"> </a>
I'm here to prove you wrong.
•
•
Join Date: Oct 2004
Posts: 3,942
Reputation: 
Solved Threads: 911
•
•
•
•
Originally Posted by Narue
It's pretty simple really, onMouseOver and onMouseOut are events that are triggered when the obvious happens: the mouse enters or leaves the image boundary. document is the current HTML file, image is the name of the image we're working with, and src is the value of the image. Assigning to document.image.src changes the image, and we only assign to it during an event. Notice in the second line that the name of the image is set and the original src is off.gif.<a href="link" onMouseOver="document.image.src='on.gif'" onMouseOut="document.image.src='off.gif'"> <img src="off.gif" name="image"> </a>
some code here
May 'the Google' be with you!
wow! I've never seen such a short html code(or is it javascript) lol. its good..but, how do i do this if i am not making a page in html format? i dont know a lot about html so i prefer to just make my site in some sort of pagebuilder. i do no how to place javascripts however. so if thats what it is than no problem. Your good rep has been sent!
Xbox 360 x Halo 2= ♥ :cheesy: ♥
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
>i prefer to just make my site in some sort of pagebuilder
Even easier. A page builder should have a function that lets you insert a rollover without even touching the code. Unless it's a super cheap builder provided by a free web host.
In that case you'll pretty much have to get your hands a little dirty.
>html code(or is it javascript)
It's both. a href and img src are HTML tags. The onMouseOver and onMouseOut events and properties are Javascript.
Even easier. A page builder should have a function that lets you insert a rollover without even touching the code. Unless it's a super cheap builder provided by a free web host.
In that case you'll pretty much have to get your hands a little dirty.>html code(or is it javascript)
It's both. a href and img src are HTML tags. The onMouseOver and onMouseOut events and properties are Javascript.
I'm here to prove you wrong.
ok but i still need help on how to change the code and what to change it to. pretty much the only part i do no how to change and what to change to is the 'a href' part. lol sorry but im a little slow on some things and need to no things in detail :o . but if it makes u feel any better youve helped me the most! :p
here is a link to 2 sample images of mine that i have made, how bout this. u can create a code using those images, and then send that code to me, and that would better help me understand what parts to change to what.
mouse off image: http://www.geocities.com/all4halo2/up.gif
mouse on image: http://www.geocities.com/all4halo2/down.gif
Thank you sooo much 4 helping me out with this :cheesy:
here is a link to 2 sample images of mine that i have made, how bout this. u can create a code using those images, and then send that code to me, and that would better help me understand what parts to change to what.
mouse off image: http://www.geocities.com/all4halo2/up.gif
mouse on image: http://www.geocities.com/all4halo2/down.gif
Thank you sooo much 4 helping me out with this :cheesy:
Xbox 360 x Halo 2= ♥ :cheesy: ♥
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
Everywhere my code uses on.gif, you use down.gif and everywhere I used off.gif, you use up.gif. It's a simple substitution, then where I have "link", change it to "http://www.whateveryoururlis.com". The a href tag creates a hyperlink, like the following:
www.google.com
The img src tag displays an image and by nesting it in an a href tag, you create an image hyperlink where the link is an image rather than simple text.
www.google.com
The img src tag displays an image and by nesting it in an a href tag, you create an image hyperlink where the link is an image rather than simple text.
I'm here to prove you wrong.
ok heres the code i have so far. what else do i nned to change and what would i change it to?
<a href="http://www.geocities.com/all4halo2index" onMouseOver="document.image.src='down.gif'" onMouseOut="document.image.src='up.gif'"> <img src="down.gif" name="image"> </a>
Xbox 360 x Halo 2= ♥ :cheesy: ♥
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
>what else do i nned to change
It depends. Does it work when you paste it into your HTML file? I don't see anything wrong, so the only issue would be whether the link is valid or not.
It depends. Does it work when you paste it into your HTML file? I don't see anything wrong, so the only issue would be whether the link is valid or not.
I'm here to prove you wrong.
o wow. i didnt acutually try it before i posted me last message :o lol sorry. IT WORKS! YAY! you dont no how much i apratiate this. thank you so much :cheesy:
here is a link to the finished page(note this is note the real thing just the example)
http://www.geocities.com/all4halo2/rollover.html
here is a link to the finished page(note this is note the real thing just the example)
http://www.geocities.com/all4halo2/rollover.html
Xbox 360 x Halo 2= ♥ :cheesy: ♥
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
Can't wait for halo 3 - 2007 -
Xbox Live Gamertag: aKillaMeatball
|
Other Threads in the Geeks' Lounge Forum
- Previous Thread: Broadband / Internet Access Thru Electrical Outlets Coming?
- Next Thread: Space Elevator Competition
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Related Forum Features
Latest Geeks' Lounge Posts
- Today's Posts
- Unanswered Threads
amazon apple article bankruptcy bear beard beijing bot children clocks code comedy complaint console consoles convert cracked.com daniweb design development disk dlc ebook empty facebook feed financialcrisis fun game games gaming garbage google grandtheftauto gta gtaiv hardware hunting internet java kids kindle knife library life linux mad manly marketing merger microsoft murder neuropathology news nintendo obama odf olympics opinion os outlook pain parentalcontrol planning playstation population ps3 python research rss school search software softwaredevelopment sony source space starteam subversion survey tablet thelostanddamned time timeisonmyside. tinfoil_hat unused usarmy vapid videogames viruses wave wii windows windows>all windows_wins worldofwarcraft wow www xbox xbox360
