Image Change using mouseover

**jmevz** · 07-24-2011, 06:44 AM

Hi All,

Please take a look at: http://cgi.ebay.com/vtg-70s-CROCHET-...ht_1870wt_1219

I have no knowledge of Javascript but am good with HTML and some basic PHP. I am designing a similar eBay page and the customer wants an image change on mouse over similar to the link above. How can I achieve this without having code in the head section of the page as eBay forbids.

I was hoping someone could point me to an open source script or a free script that I could implement easily enough? I did find one on DD, but it requires head content and calls a script file...

Anyone?
Thanks,
Jeff.

**vwphillips** · 07-24-2011, 07:54 AM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
</head>

<body>
<img src="http://www.vicsjavascripts.org.uk/StdImages/Egypt5.jpg"
onmouseover="this.src='http://www.vicsjavascripts.org.uk/StdImages/Egypt6.jpg';"
onmouseout="this.src='http://www.vicsjavascripts.org.uk/StdImages/Egypt5.jpg';"
 />
</body>

</html>

**djr33** · 07-24-2011, 02:37 PM

The code above should work fine. Generally, you can place anything from the head section into the body section within script tags and it will function similarly. It may not be the "best" way to do it (and it may not always work) but when you can't use the head section, it's a viable work around in many cases. I don't remember if ebay allows <script> tags at all though so that's important to check. But you can get around the head issue in most cases.

Thread: Image Change using mouseover

Thread Tools

Search Thread

Image Change using mouseover

Bookmarks

Bookmarks

Posting Permissions