How to make rollover images pre-load (4 posts)

  1. SCO7TY
    Posted 4 years ago #

    I am using this code for a rollover image. It works fine but can someone tell me what to add to make the images pre-load?

    <img title="this" onmouseover="this.src='http://scruss.com/wordpress/wp-content/uploads/2010/01/that.png';" onmouseout="this.src='http://scruss.com/wordpress/wp-content/uploads/2010/01/this.png';" src="http://scruss.com/wordpress/wp-content/uploads/2010/01/this.png" alt="" width="192" height="116" />

    Thanks in advance

  2. Peter_L
    Posted 4 years ago #

    This is old style inline coding. It works but I wouldn't recommend it. try reading up on jQuery.

    Is it really necessary to preload?

  3. SCO7TY
    Posted 4 years ago #

    If think i've read that if you pre-load then the buttons change quicker as they have already lloaded instead of waiting for them to load when you hover over them.

    Why wouldnt you reccomend this code?

  4. SCO7TY
    Posted 4 years ago #

    I've looked up jQuery but not understanding it completely.

    i found this rollover image with tutorial http://www.webdesignlondon-tristar.co.uk/website-design-london/insane-jquery-image-rollover

    I would love to have this effect on some images on my site but i have no idea where to start. Can someone help?

Topic Closed

This topic has been closed to new replies.

About this Topic