Programming Help

Web Development



What's Here?

  • Members: 118,308
  • Replies: 433,966
  • Topics: 67,064
  • Snippets: 2,406
  • Tutorials: 637
  • Total Online: 1,686
  • Members: 73
  • Guests: 1,613

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 118,308 Programmers for FREE! Ask your question and get quick answers from experts. There are 1,686 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



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

 
 Reply to this topicStart new topic

Displaying both text and image on mouseover of image (using a function, mouseover function change image and text
pantherscheerleader89
post 28 Apr, 2008 - 03:02 PM
Post #1


New D.I.C Head

*
Joined: 28 Apr, 2008
Posts: 3



Thanked 1 times
My Contributions
Hey everyone biggrin.gif ! 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 smile.gif .


jscript

<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.gif
User is offlineProfile CardPM

Go to the top of the page


ahmad_511
post 28 Apr, 2008 - 04:57 PM
Post #2


D.I.C Regular

Group Icon
Joined: 28 Apr, 2007
Posts: 351



Thanked 8 times

Dream Kudos: 400
My Contributions
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
jscript

<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: 85


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

Good Luck
User is offlineProfile CardPM

Go to the top of the page

pantherscheerleader89
post 28 Apr, 2008 - 05:45 PM
Post #3


New D.I.C Head

*
Joined: 28 Apr, 2008
Posts: 3



Thanked 1 times
My Contributions
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. smile.gif

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 Apr, 2008 - 08:41 PM
User is offlineProfile CardPM

Go to the top of the page

ahmad_511
post 28 Apr, 2008 - 08:41 PM
Post #4


D.I.C Regular

Group Icon
Joined: 28 Apr, 2007
Posts: 351



Thanked 8 times

Dream Kudos: 400
My Contributions
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
HTML
<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 Apr, 2008 - 08:42 PM
User is offlineProfile CardPM

Go to the top of the page

tri-girl
post 16 May, 2008 - 10:00 AM
Post #5


New D.I.C Head

*
Joined: 16 May, 2008
Posts: 2
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!

CODE


<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>

User is offlineProfile CardPM

Go to the top of the page

ahmad_511
post 21 May, 2008 - 12:24 AM
Post #6


D.I.C Regular

Group Icon
Joined: 28 Apr, 2007
Posts: 351



Thanked 8 times

Dream Kudos: 400
My Contributions
Hello, And sorry for late,
add this function to the script
jscript

function load(){
myDefaultText="E-ship Program Description";
document.getElementById("myText").innerHTML=myDefaultText;
}

edit the mouseOut function
jscript

document.getElementById("myText").innerHTML=myDefaultText;


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

I hope that helps
Regards

This post has been edited by ahmad_511: 21 May, 2008 - 12:36 AM
User is offlineProfile CardPM

Go to the top of the page

tri-girl
post 21 May, 2008 - 07:30 AM
Post #7


New D.I.C Head

*
Joined: 16 May, 2008
Posts: 2
[quote name='ahmad_511' date='21 May, 2008 - 12:24 AM' post='358191']

Super! Thanks so much!
User is offlineProfile CardPM

Go to the top of the page

ahmad_511
post 21 May, 2008 - 09:38 AM
Post #8


D.I.C Regular

Group Icon
Joined: 28 Apr, 2007
Posts: 351



Thanked 8 times

Dream Kudos: 400
My Contributions
you're welcome
User is offlineProfile CardPM

Go to the top of the page

elvasara
post 23 Jul, 2008 - 03:54 PM
Post #9


New D.I.C Head

*
Joined: 23 Jul, 2008
Posts: 3
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?
User is offlineProfile CardPM

Go to the top of the page

ahmad_511
post 23 Jul, 2008 - 04:07 PM
Post #10


D.I.C Regular

Group Icon
Joined: 28 Apr, 2007
Posts: 351



Thanked 8 times

Dream Kudos: 400
My Contributions
Hello,
can you post the code you're already working on, so we can discuss it here?
Regards
User is offlineProfile CardPM

Go to the top of the page

elvasara
post 23 Jul, 2008 - 11:22 PM
Post #11


New D.I.C Head

*
Joined: 23 Jul, 2008
Posts: 3
QUOTE(ahmad_511 @ 23 Jul, 2008 - 04:07 PM) *

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:


CODE

<!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>






CODE


<!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)
Attached File  images.zip ( 80.09k ) Number of downloads: 6
User is offlineProfile CardPM

Go to the top of the page

elvasara
post 23 Jul, 2008 - 11:34 PM
Post #12


New D.I.C Head

*
Joined: 23 Jul, 2008
Posts: 3
QUOTE(ahmad_511 @ 23 Jul, 2008 - 04:07 PM) *

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 biggrin.gif
User is offlineProfile CardPM

Go to the top of the page

Fast ReplyReply to this topicStart new topic
Time is now: 10/10/08 11:41AM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1