Make Image Change When Hovered W/o Flash?

PHPtech

Mar 24 2005, 11:31 PM

Is there a way to make images on a page change without having to use flash/ Java?

whyme

Mar 24 2005, 11:35 PM

java as in javascript?

snlildude87

Mar 24 2005, 11:44 PM

Indeed there is, PHPtech! This is what I do on my website on the pages that I want a rollover image:

1. Create a blank file named rollover.js
2. Move rollover.js to the same folder/directory as the html file you want the rollover picture to show
3. Open rollover.js
4. Copy and paste the following code to rollover.js:

CODE

img = new Image();
img.src = "yourimage.jpg";

Replace "yourimage.jpg" with the name of your image
5. Save rollover.js
6. Open the html file/page that you want the rollover picture to be in
7. Copy and paste the following code between the <head></head> tags in the html file:

CODE

8. Copy and paste the following code to your html file:

CODE

*Replace link_to_go_to_when_clicked.html with the page to go to when your rollover image is clicked. If you don't want a link, simply remove the <a></a> tags surrounding the rollover picture.
*Replace your_mouse_over_picture.jpg with the picture you want to show when your mouse is hovering over the picture (the normal picture)
*Replace normal_picture.jpg with the picture to show when your mouse is NOT over the picture.

If you need more help, PM me!

PHPtech

Mar 24 2005, 11:44 PM

No, Java as in the langauge that requires this program, www.java.com, Java and Javascript are two diferent langauges...

whyme

Mar 25 2005, 12:12 AM

that's what i thought, as you can't do much 'html' rollovers in java. anyways, snlildudes, got a great exmaple.

Similar Topics

Keywords : image hovered flash

Trap17 Dynamic Recent Post/topic Image - (17)
Problem With My Website Image - wont show no mater wat (7)
Hi, I am currently redesigning my website. There is something which is really baffling me about a
particular image in the website. When viewed off line with either Internet Explorer 7, Opera v9.0.2,
Mozilla Firefox 2.0.0.4 or Netscape Navigator 9.1b, everything works quite fine and there are no
missing images. Come to think of it that after I upload the pages to my website, I was astounded to
find out that some of the images simply refused to display despite uploading every single file and
folder in my offline website. I have gone back and cross-checked to make sure...

Fantastico- Image Gallery Software - Which one do you recommend? (4)

Hi there! I've been looking into using one of the image gallery programs provided in cpanel
- both Coppermine and Gallery look really good. Although many of the opinions out there are varied,
I'd like to know which one would you recommend out of the two? Coppermine is widely available
and has lot of skins, but what about Gallery (especially the new version that just came out)?...

Any Good Image Galleries? - Looking for a good image gallery! (9)

Okay, are there any good image galleries, Outside of teh fantastico ones, (4images) (Gallery) and
teh other one, because all of those are like a website of its own, and u need to get like a good
theme for it, is there any good liek image gallery i can jstu isnert to an HTML website page?...

Anyone Knwo Flash? - I need a flash intro! (2)

Would anyone be willing to do a free flash intro for me? if so please PM me, or IM me on aim!
thanks guys....

Up Centering Tables And Image Mouse Over Effect - (3)

Hi all, I got a few html questions... 1. How can I make the content of a table start from the top?
(Normally it centers vertical...) 2. How can I make an image change into a different 1 if you go
over it with the mouse? (This is a frontpage effect but suckely I dont have any working version of
frontpage)...

Forum Signature- Image Display Problem - Signature Image does not display when viewing forum posts (8)

Hi all, Just a minor problem, The image I chose to use in my forum signature doesn't display
when I go back to view my posts. It just shows as a blank white box w/ red X in it. I'm 95%
certain I used the correct syntax to code it into the signature. Uploaded a image to the root
directory of my hosted website at trap17. Does where the image is hosted make a difference?? Any
tips??/ suggestions?? RGPHNX...

Linking Back To Trap17 - I want to put a small image link... (6)

Is there somewhere where I can get a small image, like 88x31? I want to put a nice button on my
site to link to Trap17, to show my appreciation....

Free Image Hosting Service - need help (4)

Can someone recommend a website that offers image hosting service to serve up signatures, etc...
images for forums and will also send the link for my uploaded image to my email address?
/laugh.gif' border='0' style='vertical-align:middle' alt='laugh.gif' /> ...

Flash Chat - (1)

I have my own flash chat but i heve no idea how to install it. /sad.gif' border='0'
style='vertical-align:middle' alt='sad.gif' /> Can somebody help me with that? I want it to
connect to my chatroom on irc. my thanks upfront....

Looking for make, image, change, hovered, w, o, flash

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE

Make Image Change When Hovered W/o Flash? - How?

Make Image Change When Hovered W/o Flash? - How?