What i want to do is roll over the text and when the user does that i want a picture to load. If that that is poassible.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>untitled</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /> <style type="text/css"> /*<![CDATA[*/ span { font-family: helvetica, serif; font-size: 10pt; color: #009900; font-weight: bold; cursor: pointer; } /*]]>*/ </style> <script type="text/javascript"> /*<![CDATA[*/ var img = null; var out = null; <i> </i> function loadImage(url) <i> </i> { <i> </i> out = document.getElementById( "test" ); <i> </i> out.innerHTML = '<img src="' + url + '" alt="" />'; <i> </i> } <i> </i> /*]]>*/ <i> </i> </script> <i> </i></head> <i> </i><body> <i> </i> <div> <i> </i> <span onmouseover="loadImage( 'http://forums.webdeveloper.com/images/top_profile.gif' );">Image 1</span> | <i> </i> <span onmouseover="loadImage( 'http://forums.webdeveloper.com/images/top_register.gif' );">Image 2</span> <i> </i> <hr /> <i> </i> <div id="test"></div> <i> </i> </div> <i> </i></body> </html>
[i]Originally posted by newtda [/i] [B]where did you do that in? [/B][/QUOTE]
Help @newtda spread the word by sharing this article on Twitter...