• Web Design (WordPress, Joomla, etc.)

  onmouseover question

  Posted by Steve Sommer on July 23, 2011 at 5:06 pm

  I’m creating a website for my wife and I’m stuck on a mouseover problem. I currently have the page setup to change a large picture when moving over a thumbnail. What I need to do is change a text description next to the larger pic as well.

  You can see what I mean at:

  https://www.dianasbeads.com/beadsgallery3.html

  Any advice would be greatly appreciated.

  Curtis Thompson replied 15 years, 1 month ago 2 Members · 1 Reply
• 1 Reply

• 

  Curtis Thompson

  July 23, 2011 at 7:02 pm

  hello…

  well – assuming the text is plain html text and not an image, you have a few options:

  1. make a javascript array of the text and then add a function to also swap that text out to the desired bit on mouseover (by setting the innerhtml property of the div/span where the text is)

  2. make a series of divs (each with the desired text) and then stack them via z-index where you want the text to show and turn on/off the desired one via its visibility property

  then for either option, you could just add another function to the mouseover bit – like this:

  onmouseover=”changeText(‘redcrystall’),MM_swapImage(‘large’,”,’jewelry/redcrystall.jpg’,1)”

  if none of this is making any sense i could do a mockup of what i mean…

  sitruc

Reply to this Discussion! Login or Sign Up