Jump to content

METOOTECH

Members
  • Posts

    45
  • Joined

  • Last visited

Everything posted by METOOTECH

  1. Hi, I have set up a product viewer and have been able to switch product photos with an inline javascript event handler, but cannot figure out how to switch the onmouseover content with each product. Basically what I'm doing here is using a product viewer to show product photos when the product name is click on. The viewer starts out with a full size logo and hidden blank thumbnailx below. When a product name is clicked on, the product viewer changes images from the full sized logo to the photo of the product with a few thumbnail below showing different views of the product. Not a problem here making this happen with inline javascript event handlers... onmouseover, onmouseout and onclick.... A mouseover the thumbnail changes the large view in the product viewer, to show the large view of the thumbnail. I'm using a img tag and an imput tag to do this. The problem is when I try to change products, I cannot change the onmouseover that's in each thumbnail for changing the larger view above it in the product viewer. May somebody could help me with this, maybe it can't be done using inline script. I use inline script because it small, easy and a lot of time I do not have access to the head tag as on an eVay auction description. Below is a sample of the code, dealing here with just one product and only one thumbnail for simplicity purpose. I would appreciate any help. I really am not looking for some complex code for this, inline or very short script that doesn't have to go in the head statement. the code thats not working is the onClick="ip11.p11.src='A350R7.jpg'" I try to configure this every way possible and have been on hundreds of websites and can't find anything near this... thanks, metootech....<img id="p11" src="GIZMO1.jpg" width=350 height=263><br><input id="ip11" type="image" src="BLACKTHUMB.jpg" hspace="0" vspace="5" onmouseover="p11.src='GIZMO1.jpg'" ><a style="cursor:hand; background-color: #ffffff;" onClick="p11.src='A350R7.jpg'; ip11.src='A60R7.jpg'" onclick="ip11.p11.src='A350R7.jpg'" onmouseover="this.style.backgroundColor='#ff0000'"onmouseout="this.style.backgroundColor='#00ff00'"> <br><font style="font-family: Arial; font-size: 16px; color: #000000"; onclick="this.style.color='#ffffff'"><b>Amp Tactical</b></font></a></font>
×
×
  • Create New...