I just got a website and really need a code...

**ModernRevolutions** · 07-02-2008, 11:20 AM

hahaha if you go back and forth on those pics it looks like they are dancing hahahahah. so about that flash thing hahaha so if i downloaded a trial or something i would able to make something exactly like that?

**traq** · 07-02-2008, 02:48 PM

I don't know the specific capabilities of any trial programs.

What you would need to do is create a movie consisting of:
1 frame of the sliced images
1 frame of each of the full images.
Then, add a "behavior" to each of the slices so when you mouse over them, they skip the movie to the corresponding full pic, and go back to the start when you mouse out.

again, I'd recommend doing a search to find a program that best fits your needs & budget. whatever program you choose, you'll need to spend some time following tutorials, etc. to learn how to build an interactive flash movie. it wasn't exactly intuitive the first time I tried it.

**forgetmenow** · 07-02-2008, 04:51 PM

got it here is the script and it woerks just great now on my site

<td>

<p align="center"> <!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">
<head>
<title>Fan JS</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script type="text/javascript">
var theElements = new Array('element1', 'element2', 'element3', 'element4', 'element5');
var defaultElements = new Array('Javascript/main_1_1.png', 'Javascript/main_2_2.png', 'Javascript/main_3_3.png', 'Javascript/main_4_4.png', 'Javascript/main_5_5.png');
var Elements_1 = new Array('Javascript/main_1_1.png', 'Javascript/main_1_2.png', 'Javascript/main_1_3.png', 'Javascript/main_1_4.png', 'Javascript/main_1_5.png');
var Elements_2 = new Array('Javascript/main_2_1.png', 'Javascript/main_2_2.png', 'Javascript/main_2_3.png', 'Javascript/main_2_4.png', 'Javascript/main_2_5.png');
var Elements_3 = new Array('Javascript/main_3_1.png', 'Javascript/main_3_2.png', 'Javascript/main_3_3.png', 'Javascript/main_3_4.png', 'Javascript/main_3_5.png');
var Elements_4 = new Array('Javascript/main_4_1.png', 'Javascript/main_4_2.png', 'Javascript/main_4_3.png', 'Javascript/main_4_4.png', 'Javascript/main_4_5.png');
var Elements_5 = new Array('Javascript/main_5_1.png', 'Javascript/main_5_2.png', 'Javascript/main_5_3.png', 'Javascript/main_5_4.png', 'Javascript/main_5_5.png');
function highlightfan(qelements, images){
for(i = 0; i <= qelements.length - 1; i++)
document.getElementById(qelements[i]).src = (images instanceof Array) ? images[i]:images;
}
</script>
<style type="text/css">
a img{
border: none;
}
</style>

</head>
<body>
<div id="fan">
<a href="http://www.waggysfancydress.co.uk/Star_Wars.htm#" onmouseover="highlightfan(theElements, Elements_1)" onmouseout="highlightfan(theElements, defaultElements)"><img src="Javascript/main_1_1.png" id="element1" width="50" height="250" alt="" /></a>
<a href="http://www.waggysfancydress.co.uk/bananaman.htm#" onmouseover="highlightfan(theElements, Elements_2)" onmouseout="highlightfan(theElements, defaultElements)"><img src="Javascript/main_2_2.png" id="element2" width="50" height="250" alt="" /></a>
<a href="http://www.waggysfancydress.co.uk/Girls_Halloween2.htm#" onmouseover="highlightfan(theElements, Elements_3)" onmouseout="highlightfan(theElements, defaultElements)"><img src="Javascript/main_3_3.png" id="element3" width="50" height="250" alt="" /></a>
<a href="http://www.waggysfancydress.co.uk/Doctor_Who.htm#" onmouseover="highlightfan(theElements, Elements_4)" onmouseout="highlightfan(theElements, defaultElements)"><img src="Javascript/main_4_4.png" id="element4" width="50" height="250" alt="" /></a>
<a href="http://www.waggysfancydress.co.uk/Danger_Mouse.htm#" onmouseover="highlightfan(theElements, Elements_5)" onmouseout="highlightfan(theElements, defaultElements)"><img src="Javascript/main_5_5.png" id="element5" width="50" height="250" alt="" /></a>
<p align="center">Hover over each image and click</div>
</body>

</html>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Fan JS</title>
<meta name="Microsoft Border" content="none">
</head>

**forgetmenow** · 07-03-2008, 09:56 AM

got it here you go
<td width="244" align="center">
 <script type="text/javascript">
var theElements = new Array('element1', 'element2', 'element3', 'element4', 'element5');
var defaultElements = new Array('Javascript/main_1_3.png', 'Javascript/main_2_3.png', 'Javascript/main_3_3.png', 'Javascript/main_4_2.png', 'Javascript/main_5_3.png');
var Elements_1 = new Array('Javascript/main_1_1.png', 'Javascript/main_1_2.png', 'Javascript/main_1_3.png', 'Javascript/main_1_4.png', 'Javascript/main_1_5.png');
var Elements_2 = new Array('Javascript/main_2_1.png', 'Javascript/main_2_2.png', 'Javascript/main_2_3.png', 'Javascript/main_2_4.png', 'Javascript/main_2_5.png');
var Elements_3 = new Array('Javascript/main_3_1.png', 'Javascript/main_3_2.png', 'Javascript/main_3_3.png', 'Javascript/main_3_4.png', 'Javascript/main_3_5.png');
var Elements_4 = new Array('Javascript/main_4_1.png', 'Javascript/main_4_2.png', 'Javascript/main_4_3.png', 'Javascript/main_4_4.png', 'Javascript/main_4_5.png');
var Elements_5 = new Array('Javascript/main_5_1.png', 'Javascript/main_5_2.png', 'Javascript/main_5_3.png', 'Javascript/main_5_4.png', 'Javascript/main_5_5.png');
function highlightfan(qelements, images){
for(i = 0; i <= qelements.length - 1; i++)
document.getElementById(qelements[i]).src = (images instanceof Array) ? images[i]:images;
}
</script>
<style type="text/css">
a img{
border: none;
}
</style>

<div id="fan">
<a href="http://www.waggysfancydress.co.uk/Star_Wars.htm#" onmouseover="highlightfan(theElements, Elements_1)" onmouseout="highlightfan(theElements, defaultElements)">
<img src="Javascript/main_1_3.png" id="element1" width="35" height="200" alt="Star Wars" /></a>
<a href="http://www.waggysfancydress.co.uk/bananaman.htm#" onmouseover="highlightfan(theElements, Elements_2)" onmouseout="highlightfan(theElements, defaultElements)">
<img src="Javascript/main_2_3.png" id="element2" width="35" height="200" alt="Bananaman" /></a>
<a href="http://www.waggysfancydress.co.uk/Girls_Halloween2.htm#" onmouseover="highlightfan(theElements, Elements_3)" onmouseout="highlightfan(theElements, defaultElements)">
<img src="Javascript/main_3_3.png" id="element3" width="35" height="200" alt="Girls Halloween" /></a>
<a href="http://www.waggysfancydress.co.uk/Doctor_Who.htm#" onmouseover="highlightfan(theElements, Elements_4)" onmouseout="highlightfan(theElements, defaultElements)">
<img src="Javascript/main_4_2.png" id="element4" width="35" height="200" alt="Dr Who" /></a>
<a href="http://www.waggysfancydress.co.uk/Danger_Mouse.htm#" onmouseover="highlightfan(theElements, Elements_5)" onmouseout="highlightfan(theElements, defaultElements)">
<img src="Javascript/main_5_3.png" id="element5" width="35" height="200" alt="Danger Mouse" /></a>
<p>Hover over each image and click</div></td>
<td width="5">
 </td>
</tr>
</table>
<p align="center">

Thread: I just got a website and really need a code...

Thread Tools

Search Thread

Bookmarks

Bookmarks

Posting Permissions