http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/ A Layout forum thread at WPDFD.com en-us 01/27/08, 027 39 2008 2008:%i:1201415998 01:39:58 06/07/13, 158 15 2013 2013:%i:1370585718 02:15:18 http://blogs.law.harvard.edu/tech/rss NineLabs Framework Feed Generator sitemaster@wpdfd.com sitemaster@wpdfd.com http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2218 Thanks!]]> 01/27/08, 027 39 2008 2008:%i:1201415998 01:39:58 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2218 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2231 but i've never learnt this.. i wonder y..?
you can see an excellent example of this on www.netcarshow.com]]> 02/10/08, 041 00 2008 2008:%i:1202623228 01:00:28 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2231 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2421 website http://www.webguru-india.com, when you mouseover the image will change or go to http://www.dynamicdrive.com for JavaScript code...]]> 07/08/08, 190 04 2008 2008:%i:1215511440 06:04:00 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2421 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2422 website http://www.webguru-india.com, when you mouseover the image will change or go to http://www.dynamicdrive.com for JavaScript code...]]> 07/08/08, 190 30 2008 2008:%i:1215516621 07:30:21 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2422 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2450
The best way to trigger one effect from another is like so.




function switchimg(obj,num){
var theObj = document.getElementById(obj);
var theCurNum = num;
var img1 = "http://www.your-site/images/your-image.jpg";
var img2 = "http://www.your-site/images/your-image2.jpg";
if(num == '1'{
theObj.innerHTML = "img src=""+img1+"" border="0" alt="" title=""/>";
} else {
we know num = 2
theObj.innerHTML = "theObj.innerHTML = "img src=""+img2+"" border="0" alt="" title=""/>";";
}
}




a href="javascript://" onmouseover="switchimg('theimg','2';">roll over me/a>
div id="theimg">img src="http://www.your-site/images/your-image.jpg" border="0" alt="" title=""/>
/div>



-----

As you can see you are simply doing a re-write of the element via DOM scripting, this can be effective when wanting to change images, or actual page content via a user's interaction with the page.

Check out the book DOM Scripting DOM Scripting - Book for more useful tips on dynamic HTML (DHTML)

Cheers,
Scott Haines
Bay Area Website Design - Newfront Creative]]> 07/31/08, 213 14 2008 2008:%i:1217517251 11:14:11 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2450 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2451
- Scott]]> 07/31/08, 213 26 2008 2008:%i:1217517989 11:26:29 http://www.wpdfd.com/forums/wpdfd/layout/images_and_rollovers/#p2451