Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

Making my first website.. please help if you can!?

Okay, so my knowledge in HTML, Java, etc. is very limited. I want to put an image on my website that changes to a different one when you mouse over it. Can anyone help me with the code? Ive tried to Google the subject, but I end up getting confused, lol, and Im not sure where to put the names of the images. Also, HOW do I name the images? Meaning, what do I call them? Please help if you can!

4 Answers

Relevance
  • Anonymous
    1 decade ago
    Favorite Answer

    See links.

    The second links is about common attribute and the one about mouse over is at the bottom of the page.

    The 3rd link will teach you everything you need to know.

  • 1 decade ago

    http://www.htmlcenter.com/tutorials/tutorials.cfm/...

    That is an easy way. If you have alot of rollovers though, it gets more difficult because you should use a script to preload all of the images so there is no load time when you mouse-over.

    It shouldn't matter what you name the images, as long as you are consistent.

    If you really want an easy way... go to a online rollover generator like http://bontragercgi.com/JS_Rollover_Generator.html

  • Anonymous
    1 decade ago

    Use a java rollover script (insert into HTML code)

    Try this one

    http://www.java-scripts.net/javascripts/Image-Roll...

  • 1 decade ago

    This is the code I have used and it worked...but I am not really good with HTML& Java either. Hope it helps somewhat!

    <script language="JavaScript">

    <!--

    if (document.images) {

    image1on = new Image();

    image1on.src = "begin2.png";

    image1off = new Image();

    image1off.src = "begin.png";

    }

    function changeImages() {

    if (document.images) {

    for (var i=0; i<changeImages.arguments.length; i+=2) {

    document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");

    }}}

    // -->

    </script>

    <a href="PAGE URL HERE" onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1', 'image1off')"><img src="begin.png" width="100" height="50" border="0" name="image1"></a>

Still have questions? Get your answers by asking now.