Log in

View Full Version : I just got a website and really need a code...



ModernRevolutions
06-30-2008, 01:43 AM
I have no idea if this is a flash player thing but i really want the code ahhaah its really cool



its here
http://www.wantedmovie.com/?__source=ggl|wanted|Wanted_Movie|Wanted_MovieSpecific&sky=ggl|wanted|Wanted_Movie|Wanted_MovieSpecific

you go there and then you click enter. and then the code i want is the hover code that they use for the stars of the movie. How they hover over the sliver of the the pic and then the rest of the pics go away and its shows it. here is a pic of what i mean.

here is the pic without it being hovered:
http://i108.photobucket.com/albums/n28/studio30/nothover.png
and here is the one hovering of the slier of angelina jolie:
http://i108.photobucket.com/albums/n28/studio30/hover.png
could someone please help!!! (if it is flash can i have the code for that or whatever you do to make it lol

traq
06-30-2008, 02:29 PM
that's a flash movie, not html or a script/code. do you have a flash editor?

ModernRevolutions
06-30-2008, 04:39 PM
no i dont :/ is it free? hahaha

traq
06-30-2008, 09:30 PM
I don't know. I use Corel for flash movies. Search around to see if there are any free flash editors and how reliable they are. On the plus side, making a movie like your example (which simply reveals the whole picture on mouseover) shouldn't be too complicated.

forgetmenow
07-01-2008, 09:44 AM
if you view the sorse code this is what it is.

<script language="Javascript">

function popup(){

popupwindow = window.open("wanted_tv/index.html","","toolbar=no,location=no,scrollbars=no,resizable=no,width=550,height=350")

}
</script>

<script language="Javascript">
<!--
function getBuddyIcon (pImage) {
openWindow(escape("icon.html?id="+pImage), "buddyIcon", escape("width=300,height=270"));
}


function openWindow(url,winname,params) {
var popWin = window.open(unescape(url),winname,unescape(params));
popWin.focus();
}
//-->
</script>
</head>


<body onLoad="popup()">
<!-- Start of DoubleClick Spotlight Tag: Please do not remove-->
<!-- Activity Name for this tag is:Wanted -->
<!-- Creation Date:10/22/2007 -->
<SCRIPT language="JavaScript">
var axel = Math.random()+"";

var a = axel * 10000000000000;
document.write('<IFRAME SRC="http://fls.doubleclick.net/activityi;src=1538376;type=wante236;cat=wante167;ord='+ a + '?" WIDTH=1 HEIGHT=1 FRAMEBORDER=0></IFRAME>');
</SCRIPT>
<NOSCRIPT>
<div align="center"><p>The site requires Flash Player and Java Script enabled.</p></div>
</NOSCRIPT>
<!-- End of DoubleClick Spotlight Tag: Please do not remove-->
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent", style="width:100%; overflow:hidden;">

<span class="style1"><strong><br><br>
<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">This site requires at least version 9.0.115 of the FREE Flash Player</a><br>
or you may have disabled your Javascript. <br>
<h1><b>Wanted Movie Overview</b></h1>


<h2>Wanted Movie Starring Angelina Jolie, Morgan Freeman, James McAvoy &amp; Timur Bekmambetov - In Theaters June 27, 2008 </h2>
<p>Until Wanted arrives in theaters on June 27, you can use this website to get a <b>Wanted movie overview</b>
. Build excitement for the film by taking advantage of all the fun elements here for true fans of the graphic novels by Mark Millar and J.G. Jones and for fans of actors like <b>Angelina Jolie</b>, <b>Morgan Freeman</b>, and <b>James McAvoy</b>.</p>
<p>This <b>Wanted movie overview</b>


website offers many tidbits to get you acquainted with the film and to get you excited for its release. First of all, you may want to read about the <u><a href="wanted-movie-plot.html">Wanted movie plot</a></u> so you&rsquo;ll know the story and the background of the movie, as well as some information about the actors involved. Next, you can watch the <u><a href="wanted-movie-trailer.html">Wanted movie trailer</a></u> so you can put visuals from the film with the story you&rsquo;ve read and you can see the costumes and sets. To add more to your <b>Wanted movie overview</b>
, you can also scroll through the <u><a href="wanted-movie-image-gallery.html">Wanted movie image gallery</a></u> to admire still shots from key scenes of the film. If you want to show off your love of this movie or the actors in it, check out the <u><a href="wanted-movie-downloads.html">Wanted movie downloads</a></u> that include desktop wallpapers for your home and work computers and <u><a href="wanted-movie-icons.html">Wanted movie icons</a></u> for your instant messenger windows and social networking profiles.</p>


<p>Use this <b>Wanted movie overview</b>
website as your one resource for any information you need about the upcoming film. Be sure to check back often for possible updates and share all of this information with your friends and family members who may be interested. Most of all, enjoy this <b>Wanted movie overview</b>
website and be sure to see the movie in theaters on June 27.</p>
<!-- Footer -->
<a href="wanted-movie-overview.html">Wanted Movie</a> | <a href="wanted-movie-trailer.html">Wanted Movie Trailer</a> | <a href="wanted-movie-plot.html">Wanted Movie Plot</a> | <a href="wanted-movie-image-gallery.html">Wanted Movie Image Gallery </a> | <a href="wanted-movie-downloads.html">Wanted Movie Downloads</a> | <a href="wanted-movie-icons.html">Wanted Movie Icons</a>
</div>


<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var so = new SWFObject("shell.swf", "mymovie", "100%", "1050", "9.0.115", "#000000");
so.addParam("quality", "high");
so.addParam("scale", "noScale");
so.addParam("align", "T");
so.addParam("allowFullScreen","true");
so.addVariable("deeplink", getQueryParamValue("dl"));
so.write("flashcontent");
</script>
<IFRAME SRC="http://fls.doubleclick.net/activityi;src=1538376;type=wante236;cat=wante167;ord=1?" WIDTH=1 HEIGHT=1 FRAMEBORDER=0></IFRAME>
<img src="http://anat.tacoda.net/encore/1591/A3/F1DF/" width="0" height="0" border="0">
<!-- SiteCatalyst code version: H.2.
Copyright 1997-2005 Omniture, Inc. More info available at
http://www.omniture.com -->
<script language="JavaScript" src="/s_wrapper.js"></script>
<script language="JavaScript"><!--
/* You may give each page an identifying name, server, and channel on
the next lines. */
s.pageName=""
s.server=""
s.channel=""
s.pageType=""
s.prop1=""; //user group if needed
s.prop2=""; //Content Group
s.prop3=""; //Content Type
s.prop4=""; //Content Name
/* E-commerce Variables */
s.campaign=""
s.state=""
s.zip=""
s.events=""
s.products=""
s.purchaseID=""
s.eVar1=""
s.eVar2=""
s.eVar3=""
s.eVar4=""
s.eVar5=""
/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
var s_code=s.t();if(s_code)document.write(s_code)//--></script>
<script language="JavaScript"><!--
if(navigator.appVersion.indexOf('MSIE')>=0)document.write(unescape('%3C')+'!-'+'-')
//--></script><!--/DO NOT REMOVE/-->
<!-- End SiteCatalyst code version: H.2. -->
<SCRIPT LANGUAGE="JavaScript">var tcdacmd="dt";</SCRIPT><SCRIPT SRC="http://an.tacoda.net/an/17383/slf.js" LANGUAGE="JavaScript"></SCRIPT>

you may be able to change things inside the code to match the picks you would like to show.
not sure though!

ModernRevolutions
07-01-2008, 10:37 PM
if i was to download the Corel one would i be able to make that?

techietim
07-01-2008, 11:01 PM
JavaScript example attached. Very Customizable. Let me know if it was useful.

traq
07-02-2008, 04:27 AM
that's pretty cool, techietim. You'd need to fix the spacing to get a "solid" picture on mouseover.

Illustrious: Corel isn't free. you could get an older version at a decent price, but nothing older than version 12. and you'd need to make sure the package you got includes CorelRAVE.

ModernRevolutions
07-02-2008, 06:01 AM
YOUR A GOD TECHIETIM!!!!!!!!!!!!! thats PERFECT!!!! (everything except for the fade in on mouse over lol) can i have the code?

forgetmenow
07-02-2008, 09:00 AM
I have done this but for some reson it is showing all the picks on mouse over in all pannels any ideas? http://www.waggysfancydress.co.uk/new_page_4.htm

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

forgetmenow
07-03-2008, 09:56 AM
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">