11 Replies - 9156 Views - Last Post: 23 July 2008 - 11:34 PM

#1 pantherscheerleader89  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 3
  • Joined: 28-April 08

Displaying both text and image on mouseover of image (using a function

Post icon  Posted 28 April 2008 - 03:02 PM

Hey everyone :D ! I am not very advanced in programing and am having trouble creating a javascript function inside of an Html page. I have two images side by side, and when there is a mouseover on one of the images i want the image to switch to a different image and want new text to be displayed underneath.
It took me about 12 hours to write the code below and it works to switch the image with another one on mouse over but i can't get the text to work.

so i'm trying to make the function display the text at the bottom of the page (<p>) when mouseover and display no text when Mouse out (for 2 different images)

thanks for any help in advance :) .


<HTML><HEAD><TITLE>Woman's Lifecycle</TITLE>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
</HEAD>



<script LANGUAGE="Javascript">
//first
Image1= new Image(66,200)
Image1.src = "line01x.gif"
Image2 = new Image(324,200)
Image2.src = "line01.gif"

function MOver() {
document.imageflipper.src = Image1.src; return true;
}

function MOut() {
document.imageflipper.src = Image2.src; return true;
}

//second
purple1= new Image(66,200)
purple1.src = "line02x.gif"
purple2 = new Image(66,200)
purple2.src = "line02.gif"

function MOver2() {
document.PURPLE.src = purple1.src; return true;
}

function MOut2() {
document.PURPLE.src = purple2.src; return true;
}
</SCRIPT>






</HEAD>

<TBODY>








<IMG NAME="imageflipper" SRC="line01.gif" onmouseover="MOver()" onmouseout="MOut()">

<IMG NAME="PURPLE" SRC="line02.gif" onmouseover="purplex()" onmouseout="purple()">


<p>
//where I want the text to appear on mouse over
//Ii want different text to be displayed on each image mouse over
</P>

</BODY></HTML>

</BODY></HTML>


** Edit ** :code:

Is This A Good Question/Topic? 1
  • +

Replies To: Displaying both text and image on mouseover of image (using a function

#2 ahmad_511  Icon User is offline

  • MSX
  • member icon

Reputation: 131
  • View blog
  • Posts: 722
  • Joined: 28-April 07

Re: Displaying both text and image on mouseover of image (using a function

Posted 28 April 2008 - 04:57 PM

hello there
you can put all you images pathes in array and the corresponing text in another array
on mouse over for each image call a function and pass it the index of the image you want to show, use the same index to show the text
<html>

<head>
<title>Untitled 1</title>
<script>
imageOverArr=new Array("b1.gif","b2.gif");
imageOutArr=new Array("c1.gif","c2.gif");
textArr=new Array("hello your mouse is over b1","hello your mouse is over b2");
function mouseOver(obj,num){
obj.src=imageOverArr[num];
document.getElementById("myText").innerHTML=textArr[num];
}
function mouseOut(obj,num){
obj.src=imageOutArr[num]
document.getElementById("myText").innerHTML="";
}

</script>
</head>

<body>

<img src="c1.GIF" onmouseover="mouseOver(this,0)" onmouseout="mouseOut(this,0)" width="15" height="15">
<img src="c2.GIF" onmouseover="mouseOver(this,1)" onmouseout="mouseOut(this,1)" width="12" height="12">
<p id="myText"></p>
</body>

</html>




take a look at the attached file Attached File  imageSwitch.zip (2.77K)
Number of downloads: 379

and i'm sure there are another ways to accomplish that..

Good Luck
Was This Post Helpful? 1
  • +
  • -

#3 pantherscheerleader89  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 3
  • Joined: 28-April 08

Re: Displaying both text and image on mouseover of image (using a function

Posted 28 April 2008 - 05:45 PM

Hey thanks that helped a lot! But there is still one problem.

My c1.gif and b1.gif have the same height but different widths, so the function stretches the c1.gif to fit the dimensions of the b1.gif.

Any help on how to tweak the code to allow for both dimensions? thanks again in advance. :)

p.s. is there anyway to allow for the textArr=new Array to allow for more text? it seems to stop working after 200 letters or so

This post has been edited by pantherscheerleader89: 28 April 2008 - 08:41 PM

Was This Post Helpful? 0
  • +
  • -

#4 ahmad_511  Icon User is offline

  • MSX
  • member icon

Reputation: 131
  • View blog
  • Posts: 722
  • Joined: 28-April 07

Re: Displaying both text and image on mouseover of image (using a function

Posted 28 April 2008 - 08:41 PM

Hi again,
if you want to use the default images size you can do it easily by removing the height and width properties from the img's tags, like this
<img src="c1.GIF" onmouseover="mouseOver(this,0)" onmouseout="mouseOut(this,0)">
<img src="c2.GIF" onmouseover="mouseOver(this,1)" onmouseout="mouseOut(this,1)">


Hope it helps

This post has been edited by ahmad_511: 28 April 2008 - 08:42 PM

Was This Post Helpful? 0
  • +
  • -

#5 tri-girl  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 16-May 08

Re: Displaying both text and image on mouseover of image (using a function

Posted 16 May 2008 - 10:00 AM

ahmad_511, your post was really helpful for a project I'm working on. I'm pretty new at this, too.

Is there a way to use this function and have a line of text present in that same spot when there is no mouseover, and have it switch when you mouseover one of the images?

In the example below I want the cell where the onmousover text displays to say "E-ship Program Description" when there is no event, but switch to the Engineering Management Program Description or Deming Center Program Description with a mouseover on the images.

Thanks for any help you can provide!


<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<title>Untitled 1</title>

<script>
imageOverArr=new Array("EMP_but2.gif","Deming_but2.gif");
imageOutArr=new Array("EMP_but1.gif","Deming_but1.gif");
textArr=new Array("Engineering Management Program Description","Deming Center Program Description");
function mouseOver(obj,num){
obj.src=imageOverArr[num];
document.getElementById("myText").innerHTML=textArr[num];
}
function mouseOut(obj,num){
obj.src=imageOutArr[num]
document.getElementById("myText").innerHTML="";
}

</script>
</head>

<body>

<table width="381" height="138">
 	<tr>
		  <td style="border-bottom-style: solid; border-bottom-width: 1" height="51" width="190"> <img src="EMP_but1.GIF" onmouseover="mouseOver(this,0)" onmouseout="mouseOut(this,0)" width="150" height="50" align="left"></td>
		  <td style="border-bottom-style: solid; border-bottom-width: 1" height="51" width="191"> <img src="Deming_but1.GIF" onmouseover="mouseOver(this,1)" onmouseout="mouseOut(this,1)" width="150" height="50" align="right"></td>
	</tr>
 
 	<tr>
		  <td colspan="2" bordercolor="#000000" style="border-style: solid; border-width: 1" bgcolor="#C0C0C0" height="70" width="399">
			  <p id="myText" style="margin-left: 5; margin-right: 5"></p>
		  </td>
	</tr>

	<tr>
		  <td style="border-top-style: solid; border-top-width: 1" height="19" width="190"> </td>
		  <td style="border-top-style: solid; border-top-width: 1" height="19" width="191"> </td>
	</tr>

</table>
</body>
</html> 



Was This Post Helpful? 0
  • +
  • -

#6 ahmad_511  Icon User is offline

  • MSX
  • member icon

Reputation: 131
  • View blog
  • Posts: 722
  • Joined: 28-April 07

Re: Displaying both text and image on mouseover of image (using a function

Posted 21 May 2008 - 12:24 AM

Hello, And sorry for late,
add this function to the script
function load(){
myDefaultText="E-ship Program Description";
document.getElementById("myText").innerHTML=myDefaultText;
}


edit the mouseOut function
document.getElementById("myText").innerHTML=myDefaultText; 



now, edit the body tag like this
<body onload="load()">

I hope that helps
Regards

This post has been edited by ahmad_511: 21 May 2008 - 12:36 AM

Was This Post Helpful? 0
  • +
  • -

#7 tri-girl  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 16-May 08

Re: Displaying both text and image on mouseover of image (using a function

Posted 21 May 2008 - 07:30 AM

[quote name='ahmad_511' date='21 May, 2008 - 12:24 AM' post='358191']

Super! Thanks so much!
Was This Post Helpful? 0
  • +
  • -

#8 ahmad_511  Icon User is offline

  • MSX
  • member icon

Reputation: 131
  • View blog
  • Posts: 722
  • Joined: 28-April 07

Re: Displaying both text and image on mouseover of image (using a function

Posted 21 May 2008 - 09:38 AM

you're welcome
Was This Post Helpful? 0
  • +
  • -

#9 elvasara  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 23-July 08

Re: Displaying both text and image on mouseover of image (using a function

Posted 23 July 2008 - 03:54 PM

hey... thanks for this.. its exactly what I've been working on now for 3 days... one thing though... I have 18 pictures and it stops working after 9... is there some extra code I can put into this to make it work?
Was This Post Helpful? 0
  • +
  • -

#10 ahmad_511  Icon User is offline

  • MSX
  • member icon

Reputation: 131
  • View blog
  • Posts: 722
  • Joined: 28-April 07

Re: Displaying both text and image on mouseover of image (using a function

Posted 23 July 2008 - 04:07 PM

Hello,
can you post the code you're already working on, so we can discuss it here?
Regards
Was This Post Helpful? 0
  • +
  • -

#11 elvasara  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 23-July 08

Re: Displaying both text and image on mouseover of image (using a function

Posted 23 July 2008 - 11:22 PM

View Postahmad_511, on 23 Jul, 2008 - 04:07 PM, said:

Hello,
can you post the code you're already working on, so we can discuss it here?
Regards


yes of course... the first one is the code when its working using only 9 pictures and the second one exactly the same just using 18 pictures and the text doesn't work anymore but the swapping pictures does:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<title>test1</title>

<!-- META TAGS BEGIN -->	
<meta name="resource-type" content="document" />
<meta name="generator" content="" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="revisit-after" content="15 days" />
<meta name="classification" content="short films, movies, 16mm film, student film, drama" />
<meta name="description" content="short films, movies, 16mm film, student film, drama" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<meta name="keywords" content="Ori Halup, Elva Sara, Elva Sara Ingvarsdóttir, Lára Ósk, Vicky Troth, APA International Film School" />
<meta name="robots" content="index,follow" />
<meta name="distribution" content="Global" />
<meta name="rating" content="Safe For Kids" />
<meta name="copyright" content="APA International Film School" />
<meta name="author" content="Elva Sara" />
<meta http-equiv="reply-to" content="orihalup@gmail.com" />
<meta name="language" content="English" />
<meta name="doc-type" content="Public" />
<meta name="doc-class" content="Living Document" />
<meta name="doc-rights" content="Copywritten Work" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="shortcut icon" href="/images/favicon.ico" />	
<link rel="stylesheet" href="style.css" type="text/css" />

<!-- Rollover Preload Script  -->
<script type="text/javascript">
<!--

// start photos -->


  if (document.images)
   {
 
	 image1= new Image(100,100);
	 image1.src="images/cast/01.gif";
	 image2= new Image(100,100);
	 image2.src="images/cast/02.gif";
	 image3= new Image(100,100);
	 image3.src="images/cast/03.gif";
	 image4= new Image(100,100);
	 image4.src="images/cast/04.gif"; 
	 image5= new Image(100,100);
	 image5.src="images/cast/05.gif"; 
	 image6= new Image(100,100);
	 image6.src="images/cast/01.gif";
	 image7= new Image(100,100);
	 image7.src="images/cast/07.gif"; 
	 image8= new Image(100,100);
	 image8.src="images/cast/08.gif"; 
	 image9= new Image(100,100);
	 image9.src="images/cast/09.gif";
	 
   }


function change1(picName,imgName){

   if (document.images)
	{
	  imgOn=eval(imgName + ".src");
	  document[picName].src= imgOn;
	}
 }
 
<!--  // - now the text -->

   imageOverArr=new Array("/images/layout/dott.gif"
   							);  
  
 
   textArr=new Array("hello your mouse is over b1",
   					"hello your mouse is over b2",					
					"hello your mouse is over b3",
					"hello your mouse is over b4",
					"hello your mouse is over b5",
					"hello your mouse is over b6",
					"hello your mouse is over b7",
					"hello your mouse is over b8",					
					"hello your mouse is over b9");  
   
   
   function mouseOver(obj,num){  
   obj.src=imageOverArr[num];  
   document.getElementById("myText").innerHTML=textArr[num];  
   }   

   
</script>

<!-- End Preload Script -->



</head>


<!-- BODY BEGINS -->
<body>

<div id="container">



<!-- MAIN CONTENT -->

	<div id="area2crew">
		<p>Place the mouse over the icon in front of each name to see more detail.<br /><br />
		
<a href="#" onmouseover="change1('pic1','image1')", onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,0)" onmouseout="mouseOut(this,0)"></A>   Kieran: Serag Mohamed<br /><br />

<a href="#" onmouseover="change1('pic1','image2')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,01)" onmouseout="mouseOut(this,0)"></a>   Gordy: <br /><br />

<a href="#" onmouseover="change1('pic1','image3')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,02)" onmouseout="mouseOut(this,0)"></a>   James:  Mikey Oliver Hart<br /><br />

<a href="#" onmouseover="change1('pic1','image4')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,03)" onmouseout="mouseOut(this,0)"></a>   Lucy(sister): Lisa Ryan<br /> <br />

<a href="#" onmouseover="change1('pic1','image5')", onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,04)" onmouseout="mouseOut(this,0)"></A>   Alexander: David Poland<br /><br />

<a href="#" onmouseover="change1('pic1','image6')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,05)" onmouseout="mouseOut(this,0)"></a>   Kate: Rose Cooper<br /><br />

<a href="#" onmouseover="change1('pic1','image7')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,06)" onmouseout="mouseOut(this,0)"></a>   Guitar Player: Daniel Tait <br /><br />

<a href="#" onmouseover="change1('pic1','image8')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,07)" onmouseout="mouseOut(this,0)"></a>   Keyboard Player: Ori Halup<br /><br />

<a href="#" onmouseover="change1('pic1','image9')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,08)" onmouseout="mouseOut(this,0)"></a>   Extra <br /><br />

		</p>
		
	</div>

<!-- Photos and text -->
	
	<div id="area3crew">
	<img src="images/layout/dott.gif" name="pic1" width="230" height="auto" border="0" class="area3_img">
	
	<p id="myText"></p>
	</div>
	


</div>
	

</body>
</html>








<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<title>test3</title>

<!-- META TAGS BEGIN -->	
<meta name="resource-type" content="document" />
<meta name="generator" content="" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="revisit-after" content="15 days" />
<meta name="classification" content="short films, movies, 16mm film, student film, drama" />
<meta name="description" content="short films, movies, 16mm film, student film, drama" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<meta name="keywords" content="Ori Halup, Elva Sara, Elva Sara Ingvarsdóttir, Lára Ósk, Vicky Troth, APA International Film School" />
<meta name="robots" content="index,follow" />
<meta name="distribution" content="Global" />
<meta name="rating" content="Safe For Kids" />
<meta name="copyright" content="APA International Film School" />
<meta name="author" content="Elva Sara" />
<meta http-equiv="reply-to" content="orihalup@gmail.com" />
<meta name="language" content="English" />
<meta name="doc-type" content="Public" />
<meta name="doc-class" content="Living Document" />
<meta name="doc-rights" content="Copywritten Work" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="shortcut icon" href="/images/favicon.ico" />	
<link rel="stylesheet" href="style.css" type="text/css" />

<!-- Rollover Preload Script  -->
<script type="text/javascript">
<!--


// start photos -->


  if (document.images)
   {
 
	 image1= new Image(100,100);
	 image1.src="images/cast/01.gif";
	 image2= new Image(100,100);
	 image2.src="images/cast/02.gif";
	 image3= new Image(100,100);
	 image3.src="images/cast/03.gif";
	 image4= new Image(100,100);
	 image4.src="images/cast/04.gif"; 
	 image5= new Image(100,100);
	 image5.src="images/cast/05.gif"; 
	 image6= new Image(100,100);
	 image6.src="images/crew/06.gif";
	 image7= new Image(100,100);
	 image7.src="images/cast/07.gif"; 
	 image8= new Image(100,100);
	 image8.src="images/cast/08.gif"; 
	 image9= new Image(100,100);
	 image9.src="images/crew/09.gif"; 
	 image10= new Image(100,100);
	 image10.src="images/cast/01.gif";
	 image11= new Image(100,100);
	 image11.src="images/crew/09.gif"; 
	 image12= new Image(100,100);
	 image12.src="images/cast/02.gif";
	 image13= new Image(100,100);
	 image13.src="images/cast/03.gif";
	 image14= new Image(100,100);
	 image14.src="images/cast/04.gif"; 
	 image15= new Image(100,100);
	 image15.src="images/cast/05.gif"; 
	 image16= new Image(100,100);
	 image16.src="images/crew/06.gif";
	 image17= new Image(100,100);
	 image17.src="images/cast/07.gif"; 
	 image18= new Image(100,100);
	 image18.src="images/cast/08.gif"; 

	 
   }


function change1(picName,imgName){

   if (document.images)
	{
	  imgOn=eval(imgName + ".src");
	  document[picName].src= imgOn;
	}
 }
 
<!--  // - now the text -->

   imageOverArr=new Array("/images/layout/dott.gif"
   							);  
  
 
   textArr=new Array("hello your mouse is over b1",
   					"hello your mouse is over b2",					
					"hello your mouse is over b3",
					"hello your mouse is over b4",
					"hello your mouse is over b5",
					"hello your mouse is over b6",
   					"hello your mouse is over b7",					
					"hello your mouse is over b8",
					"hello your mouse is over b9",
					"hello your mouse is over b10",
   					"hello your mouse is over b11",					
					"hello your mouse is over b12",
					"hello your mouse is over b13",
					"hello your mouse is over b14",
					"hello your mouse is over b15",
   					"hello your mouse is over b16",					
					"hello your mouse is over b17",
					"hello your mouse is over b18"); 
   
   
   function mouseOver(obj,num){  
   obj.src=imageOverArr[num];  
   document.getElementById("myText").innerHTML=textArr[num];  
   }   

   
</script>

<!-- End Preload Script -->



</head>


<!-- BODY BEGINS -->
<body onload="preloadImages();">

<div id="container">



<!-- MAIN CONTENT -->

	<div id="area2crew">
		<p>
		
<a href="#" onmouseover="change1('pic1','image1')", onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,0)" onmouseout="mouseOut(this,0)"></A>   Executive Producer: Ian Young<br /><br />

<a href="#" onmouseover="change1('pic1','image2')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,01)" onmouseout="mouseOut(this,0)"></a>   Producer: Ori Halup<br /><br />

<a href="#" onmouseover="change1('pic1','image3')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,02)" onmouseout="mouseOut(this,0)"></a>   Director: Ori Halup <br /><br />

<a href="#" onmouseover="change1('pic1','image4')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,03)" onmouseout="mouseOut(this,0)"></a>   Director of Photography: Vicky Troth<br /> <br />

<a href="#" onmouseover="change1('pic1','image5')", onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,04)" onmouseout="mouseOut(this,0)"></A>   Lighiting Asistant: Jonathan Hoo<br /><br />

<a href="#" onmouseover="change1('pic1','image6')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,05)" onmouseout="mouseOut(this,0)"></a>   Camera Operator: Elva Sara Ingvarsdóttir<br /><br />

<a href="#" onmouseover="change1('pic1','image7')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,06)" onmouseout="mouseOut(this,0)"></a>   Focus Puler: Samantha Rhodes <br /><br />

<a href="#" onmouseover="change1('pic1','image8')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,07)" onmouseout="mouseOut(this,0)"></a>   Clapper Loader: Lára Ósk Ásgrímsdóttir<br /><br /> 

<a href="#" onmouseover="change1('pic1','image9')", onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,08)" onmouseout="mouseOut(this,0)"></A>   Sound Recordist:  Charels Hicks<br /><br />

<a href="#" onmouseover="change1('pic1','image10')", onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,9)" onmouseout="mouseOut(this,0)"></A>   Executive Producer: Ian Young<br /><br />

<a href="#" onmouseover="change1('pic1','image11')", onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,10)" onmouseout="mouseOut(this,0)"></A>   Sound Recordist:  Charels Hicks<br /><br />

<a href="#" onmouseover="change1('pic1','image12')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,11)" onmouseout="mouseOut(this,0)"></a>   Producer: Ori Halup<br /><br />

<a href="#" onmouseover="change1('pic1','image13')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,12)" onmouseout="mouseOut(this,0)"></a>   Director: Ori Halup <br /><br />

<a href="#" onmouseover="change1('pic1','image14')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,13)" onmouseout="mouseOut(this,0)"></a>   Director of Photography: Vicky Troth<br /> <br />

<a href="#" onmouseover="change1('pic1','image15')", onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,14)" onmouseout="mouseOut(this,0)"></A>   Lighiting Asistant: Jonathan Hoo<br /><br />

<a href="#" onmouseover="change1('pic1','image16')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,15)" onmouseout="mouseOut(this,0)"></a>   Camera Operator: Elva Sara Ingvarsdóttir<br /><br />

<a href="#" onmouseover="change1('pic1','image17')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,16)" onmouseout="mouseOut(this,0)"></a>   Focus Puler: Samantha Rhodes <br /><br />

<a href="#" onmouseover="change1('pic1','image18')" onmouseout="change1('pic1','image_off')">
<img src="images/layout/dott.gif" onmouseover="mouseOver(this,17)" onmouseout="mouseOut(this,0)"></a>   Clapper Loader: Lára Ósk Ásgrímsdóttir<br /><br /> 
		</p>
		
	</div>

<!-- Photos and text -->
	
	<div id="area3crew">
	<img src="images/layout/dott.gif" name="pic1" width="230" height="auto" border="0" class="area3_img">
	
	<p id="myText"></p>
	</div>


</div>


</body>
</html>


Attached File(s)


Was This Post Helpful? 0
  • +
  • -

#12 elvasara  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 23-July 08

Re: Displaying both text and image on mouseover of image (using a function

Posted 23 July 2008 - 11:34 PM

View Postahmad_511, on 23 Jul, 2008 - 04:07 PM, said:

Hello,
can you post the code you're already working on, so we can discuss it here?
Regards


it's actually working now.. have no idea what I did ... but thanks again for the code... made my day :D
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1