HTML Website Tutorial - Image Mouseover

[thmorriss]

a way easier way to do this h ttp://htmldog.com/articles/rol­lovers/

[mrfunkymonkey2]

is there a way of doing a mouse over of part of a image using hot spots?

[baytownairbrush]

can you do this in the style.css external page???

[MiyoriEyEsR]

Your link to the downloadable code is invalid/deleted. Can you please make a new link?

[d1995a3]

You do realize there's a much simpler way to do this, right? "this.src = myImage.png"

Oh, and by the way -- great job using global variables.

[MsKhantahir]

u r great



[drayton189]

Not very well explained to quick not enough detail and screen moving gave me a headache, take your time slow down more content please , its exactly what i need but i am right back where i started

[guildsa654]

the download link is gone :(

[FloobenShnooben]

Do you dress up all fancy just for the video?

[RockBand971]

@FloobenShnooben Do you want him naked?

[GamesForLifes999]

@FloobenShnooben why not?...

[desenderofmyself]

how can you make it hover over the all website?

[Mickycond86]

hi , if you can explain me what is the problem ,

i want to do more than just one buttons at my website , and this tutorial is just for one button , i've tried to continue with that code to the other links and it keep change only one button and not the other one's , so what is the problem ,

[Bladestoper]

@Mickycond86 All you have to do is copy the same image and script and then just change all the 1 into 2 so like Image1 will become Image 2. and then just fill out the rest. hope this helps

[Mickycond86]

@Bladestoper that was helpful but i didn't used it,

i've done something else with CSS ,

and i planted another Php script for that and html

didn't use your method , but thanks for the help

[radexopoblete]

thank you so much!!!

[MrBkr78]

GREAT ............. THANX 

[justinness]

Need the code please!!

[LiquidNitrogean]

i cant download it so i did the code myself and its not working

[TehGamerVideos]

@LiquidNitrogean

Same here.

[CapricornusDude]

can't download it! the file is not there.

[CamCon586]

how would you do this for multiple images. I get it how it works for one:)

[moeramone]

It's not working :(

[mohamedsmoky]

You are great thx =)

[diabolicalduff]

i cant download the link can u send it to me please

[DiceDS]

Can you use this for a signature in forums?

[SME213]

Please help, I put the code into my code, and it works, but when i refresh it shows a clear box in the shape of the button, with a a question mark in the middle, but when a put my mouse over it, the button appears, is there a way to fix this? PLEASE PLEASE HELP!!!

[AppleGateProductions]

lol

[MyRngIs]

NVM FORGET MY COMENT BELOW, i put my "over" image as a .jpeg instead of png XD

[MyRngIs]

dont work for me.

[MobileWiseGuy]

I am a little confused about the script part, do we need that script for the image to work?

[AppleGateProductions]

yep

[RieVanM]

Thanks a lot!  Now i can build better-looking websites... :)

[bebright02]

why am I getting a box with a red x in saved the html.

[Themadboy5]

pls put this omg in dis bar and videoa img and home img ok reply me

[NightHawkDesigns]

Thx Ed!!!

:)-D

[guitarherorocks1231]

hi great vid can you teach me the html tag to add videos onto my site

[Bladestoper]

usually you use the embedding code

[seretsu545212]

can you teach me how to add music in my website using html and how to link group of photos using again html thanx.,youre tutorials are awesome.,pls.,because i want to know how.,

[pbekic001s]

what screen recording program do you use?

[amg703]

yea same question

[jamyjay3]

just to tell you, from what you know and how you able to teach it so well, proves you are good with all this coding and computer development, i can just tell that by the time u are 30 u could be a millionaire if you did this as a career, as computer development has alot of money involved, especially in the future as technology is improving everyday, and someday most the world will be based on computers

[abomb987]

ye but he dus html coding which is website making just what i do and that has nothing to do with making new commputer parts or new technology but he might be to do software development which also has a lot of money in and so dus website development if you sell your website

[Proeng]

You can do this far more easily with just CSS. Also its bad practice to call your javascript in your HTML code like you did with your 'onmouseover=...' etc.. But i guess for most of the people who watch this and are just beginners they have to start somewhere i suppose. But in my opinion, if you did it purely with CSS it would be far more easy and beginner-proof...

[gnackattack]

I agree with this guy - why would anyone use JavaScript to do this?

[coyote42351]

I like your new hair =D.

And thanks for the HTML videos, im re-doing my website from the webs pre-made stuff, to HTML and this helps alot. Thank you!

[pivotmaster76]

WHOA! I asked him to do this! OMG! Otherwise it is just a coincedence

[erkmedia]

Your new Haircut makes you look even more professional for your videos. As for the video, well done.

[theRSfan]

how o you do mouse over thingy on dreamweaver?

[NewsRant]

Awesome Tutorial. i just insert roll over image in dreamweaver but i guess this will work 2 lol

[bobdave86]

nice video! keep it up!

[HubbyBunny]

I really learn about your tutorials, they're great!! =D

[NotJustRyan]

You don't need that much code, looks like you've copied the code of Dreamweaver? When doing the "Image Roll-over" effect.

It's still a good tutorial though. Keep up the good work, Ryan.

[EdzJohnson]

This is just the way I was taught. There are many different codes, this is one of the most effective I have found. =)

[pivotmaster76]

Is this viewer request or....what?

[minifilms123]

first to send in video response!

Remember TO Subscribe To Me And Johnson!

[ruben96psikoi]

1 more question =p

so it means that instead of image1 i put the name of my image example : homeover.png?

[pivotmaster76]

yep instead of the name that is on there for his images just insert your image in there. (Example: home1.jpg, homeover.jpg)

[ruben96psikoi]

but there is image1 and loadimage1...i just keep that or change? i dont understand .... and he talks to fast ...

plz pivotmaster76 can u explain me where i should change?

[pivotmaster76]

i would say both places give it a shot

[MagicRevealer09]

5/5 nice!

[DvdOwens]

can you please make a video on how to make an intro

[cusinndzl]

Nice tutorial.

[ruben96psikoi]

i didnt get the image1 part...what that? can some1 explain me?

[EdzJohnson]

It means that you have named the original image so you know which one it converts to once you drag over it. Download the code in the description bar. =)

[ayush808]

@EdzJohnson the link does not work

[mylifeonblog]

Nice intro..

[SuperPwningJeep]

nice mate ;)

[musa0217]

5/5

[patten08]

Nice HTML Tutorial.