Does anyone have a script that can create rollovers that work in two different spots? I.E. say you had a table with one row and two cells, and you want the image in the first cell to change the image in the second cell, rather than just swapping the first image. Not sure what this is called but I can't find a script for this anywhere, any help would really be appreciated! [sig][/sig]
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Rollover - 2 images different spots
- Thread starter wicked
- Start date
RobSchultz
Programmer
Pretty simple. Try the example below. It doesn't take into account things like pre-caching images or using eval statements to do a whole lot of images/mouseovers...
Later,
Rob
robschultz@yahoo.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
"Focus on the solution to the problem,
not the obstacles in the way."
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Code:
<html>
<head>
<style type="text/css">
.over{cursor:"hand"}
</style>
<script language="javascript">
function fnMOver(){
document.images.img1.src = "image2.gif"
document.images.img2.src = "image1.gif"
}
function fnMOut(){
document.images.img1.src = "image1.gif"
document.images.img2.src = "image2.gif"
}
</script>
<body>
<h1 class="out" onMouseOver="this.className='over';fnMOver()" onMouseOut="fnMOut()" id=hDemo>Mouse over me</h1><br>
<img src="image1.gif" id=img1><img src="image2.gif" id=img2>
</body>
</html>Later,
Rob
robschultz@yahoo.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
"Focus on the solution to the problem,
not the obstacles in the way."
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
- Status
Similar threads
- Locked
- Question
- Locked
- Question