Advanced Search

Page 2 of 2 FirstFirst 12
Results 11 to 14 of 14

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

  1. #11
    Join Date
    Aug 2006
    Posts
    235
    Thanks
    30
    Thanked 2 Times in 2 Posts

    Default

    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?

  2. #12
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,632
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    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.

  3. #13
    Join Date
    Apr 2007
    Location
    uk
    Posts
    35
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

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

    <td>

    <p align="center">&nbsp;<!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>

  4. #14
    Join Date
    Apr 2007
    Location
    uk
    Posts
    35
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    got it here you go
    <td width="244" align="center">
    &nbsp;<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">
    &nbsp;</td>
    </tr>
    </table>
    <p align="center">

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •