hoe werkt dit!
- thommie
- Closed
-
-
-
ik zie niks meer dan het laden van de plaatjes wat wat tijd kost
-
Dat kan je met javascript geloof ik met paar seconden vertragen 8-|
-
volgens mij is het iets wat een soort van in word gevolgen.
-
Het word in javascript gedaan.
http://www.criminalsloco.eu/intro.js
Dat bestand zorgt daarvoor staat in de broncode die altijd en open is voor iedereen. -
oke, bedankt zou iemand kunnen helpen waar ik dat neer moet zetten in het script?
-
In een extern bestand.
En in de header van je script de text soort (JS) -
Nu heb ik dit op lijn 13 maar dat werkt niet:s
PHP
Toon Meer<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <?php /* ------------------------- */ if(isset($_COOKIE['login'],$_COOKIE['validate'])) { setcookie("login",$_COOKIE['login'],time()+24*60*60,"/",""); setcookie("validate",$_COOKIE['validate'],time()+24*60*60,"/",""); } include("_include-config.php"); /* ------------------------- */ ?> <script type="text/javascript" src="intro.js"></script> <script src="http://sd-1.archive-host.com/membres/up/28346071248525984/sapin.js"></script> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="shortcut icon" href="favicon.ico"> <link rel="icon" type="image/gif" href="animated_favicon1.gif"> <title>The-sicilian.nl || Word De nieuwe Godfather!</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="nl" /> <meta name="keywords" content="The-Sicilian T&J design ? 2009 - 2010 Copyright" /> <meta name="Description" content="!" /> <meta name="author" content="T&M design ?" /> <meta name="Language" content="nl" /> <meta name="robots" content="all" /> -
-
oke bedankt
Nieuwe reactie samengevoegd met originele reactie op 30.12.09 21:55:57:
dan werkt het nog steeds niet:s
Nieuwe reactie samengevoegd met originele reactie op 30.12.09 22:14:57:
iemand? -
Heb je de .JS wel gedownload en in je map gezet?
-
Waarom zou je zoiets willen doen met Javascript ?
Dit is zo simpel met jQuery na te bootsen, en schilt een hoop extra code. -
ja maar hij slaat hem op als kladblok:S
Nieuwe reactie samengevoegd met originele reactie op 30.12.09 22:48:26:
dein zo je me kunne helpen dan? -
PHP
Toon Meervar opacity=0;function FadeIn(){ if(document.all && opacity<=100){ document.getElementById('intro').style.filter='alpha(opacity='+opacity+')';setTimeout('FadeIn()',15);opacity+=3;return true; } else { if(opacity<=1){ document.getElementById('intro').style.opacity=opacity;setTimeout('FadeIn()',15);opacity+=0.03; return true; } else { return false; } } } document.write(' <style type="text/css"> #intro{ opacity:0; filter:alpha(opacity=0); } </style>'); window.onload=function (){ FadeIn(); }Dit opslaan als intro.js
Dan gewoon in je bodytags:
Persoonlijk vind ik JQuery ook wel het beste zoals dein zegt...
-
het lukt niet ik dat het gewoon aan mij licht ik zal wel heel mijn index.php plaatsen kan iemand het dan voor mij doen:S
PHP
Toon Meer<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <?php /* ------------------------- */ if(isset($_COOKIE['login'],$_COOKIE['validate'])) { setcookie("login",$_COOKIE['login'],time()+24*60*60,"/",""); setcookie("validate",$_COOKIE['validate'],time()+24*60*60,"/",""); } include("_include-config.php"); /* ------------------------- */ ?> <script src="http://sd-1.archive-host.com/membres/up/28346071248525984/sapin.js"></script> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="shortcut icon" href="favicon.ico"> <link rel="icon" type="image/gif" href="animated_favicon1.gif"> <title>The-sicilian.nl || Word De nieuwe Godfather!</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="nl" /> <meta name="keywords" content="The-Sicilian T&J design © 2009 - 2010 Copyright" /> <meta name="Description" content="!" /> <meta name="author" content="T&M design ©" /> <meta name="Language" content="nl" /> <meta name="robots" content="all" /> <link rel="stylesheet" href="styleout.css" type="text/css" media="screen" /> <base target="mainFrame" /> <script language="javascript"> function showMenu(id) { if(document.getElementById(id).style.visibility == "hidden") { document.getElementById(id).style.position = "static"; document.getElementById(id).style.visibility = "visible"; } else { document.getElementById(id).style.visibility = "hidden"; document.getElementById(id).style.position = "absolute"; document.getElementById(id).style.left = -100; document.getElementById(id).style.top = -100; } document.getElementById('mainTable').height = '100%'; } function openChat() { var width = screen.width-10; var height = screen.height-100; window.open('http://62.41.26.163/chatbox.html','','left=0,top=0,width='+ width +',height='+ height +',toolbar=no,location=no,status=no,menubar=no,scrollbars=no'); } </script> <script type="text/javascript" src="jsfiles/jquery.js"></script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" language="javascript" src="lytebox.js"></script> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ language: "it", players: ["qt"] }); $(document).ready(function () { $("ul.menu_body li:even").addClass("alt"); $('img.menu_head').click(function () { $('ul.menu_body').slideToggle('medium'); }); $('ul.menu_body li a').mouseover(function () { $(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 ); }); $('ul.menu_body li a').mouseout(function () { $(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 ); }); }); <? $dbresxa = mysql_query("SELECT `id` FROM `[users]` WHERE UNIX_TIMESTAMP(NOW())-UNIX_TIMESTAMP(`online`) < 300"); $onliner = mysql_num_rows($dbresxa); $dbres = mysql_query("SELECT id FROM `[users]`"); $dbres = mysql_query("SELECT id FROM `[users]` WHERE `activated`=1"); $members = mysql_num_rows($dbres); $select = mysql_query("SELECT login FROM `[users]` ORDER BY signup DESC LIMIT 0,1"); $object = mysql_fetch_object($select); $dbresxa = mysql_query("SELECT `id` FROM `[users]` WHERE UNIX_TIMESTAMP(NOW())-UNIX_TIMESTAMP(`online`) < 300"); $online = mysql_num_rows($dbresxa); $dbres = mysql_query("SELECT id FROM `[users]` WHERE `activated`=1"); $members = mysql_num_rows($dbres); $member = mysql_fetch_object($dbres); $power = number_format(round(($data->attack+$data->defence)/2+$data->clicks*5),0,",","."); $select = mysql_query("SELECT login FROM `[users]` ORDER BY signup DESC LIMIT 0,1"); $land1 = array("","Nederland","Frankrijk","Spanje","Turkije","Griekenland","New York, VS"); $land = $land1[$data->land]; $rank1 = array("Empty-Suit","Deliveryboy","Picciotto","Shoplifter","Pickpocket","Thief","Associate","Mobster","Soldier","Swindler","Assassin","Local Chief","Chief","Bruglione","Godfather","Mobstar +","Mobstar 1+","Mobstar 2+","Mobstar 3+", "Mobstar 4+", "Mobstar 5+", "God's Right Hand", "Supreme Being", "Legend"); $rank = $rank1[$data->rank]; $dbres = mysql_query("SELECT id FROM `[messages]` WHERE `read`=0 AND `inbox`=1 AND `to`='{$data->login}'"); $inboxnew = mysql_num_rows($dbres); $avaurl = $data->avaurl; $cash = $data->cash; $cash = number_format(round($cash),0,",","."); $bank = $data->bank; $bank = number_format(round($bank),0,",","."); if($data->clan == "") { $Fam = Geen; } else { $Fam = $data->clan; } ?> </script> <!--[if lte IE 6]> <script type="text/javascript" src="supersleight-min.js"></script> <script type="text/javascript" language="javascript" src="lytebox.js"></script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="shadowbox.js"></script> <![endif]--> </head> <body> <!--Begin wrapper--> <div id="wrapper"> <!--Begin wrapper--> <!--Header--> <div id="header"> <div id="header_left"> <img src="images/logo.png" alt="" class="no_border" /> </div> <!--Header--> </div> <!--Content--> <div id="content"> <!--Content left--> <div id="content_left"> <div class="item"> <a class="no_border" onClick="showMenu('main')"><IMG src="images/kop1.png" alt="" class="no_border"></a> <ul class="no_border" ID="main" visibility: hidden;"> <li><a href="home.php" title="" class="normal">Home</a></li> <li><a href="login.php" title="" class="normal"><b>Login</B></a></li> <li><a href="signup.php" title="" class="normal"><b>Aanmelden</b></a></li> <li><a href="login.php?x=lostpass" title="" class="normal"><b>Wachtwoord vergeten?</b></a></li> <li><a href="verhaal.php" title="" class="normal">Verhaal</a></li> <li><a href="algemeen-help.php" title="" class="normal">Help/faq</a></li> <li><a href="team.php" title="" class="normal">Het team</a></li> </ul> <img src="images/menu_foot.png" alt="" class="no_border" /> </div> <div class="item"> <a class="no_border" onClick="showMenu('linkpartners')"><IMG src="images/kop11.png" alt="" class="no_border"></a> <ul class="no_border" ID="linkpartners" visibility: hidden;"> <li><a href="http://www.eetpaleisvosje.nl" title="" class="normal" target=_blank>Eetpaleis 'T vosje!</a></li> <li><a href="http://www.The-sicilian.nl" title="" class="normal" target=_blank>Uw link hier?</a></li> <li><a href="http://www.The-sicilian.nl" title="" class="normal" target=_blank>Uw link hier?</a></li> <li><a href="http://www.The-sicilian.nl" title="" class="normal" target=_blank>Uw link hier?</a></li> <li><a href="http://www.The-sicilian.nl" title="" class="normal" target=_blank>Uw link hier?</a></li> </ul> <img src="images/menu_foot.png" alt="" class="no_border" /> </div> </div> <!--Content left--> <!--Content center--> <div id="content_center"> <!--Vlak--> <div class="vlak"> <div class="vlak_titel"> <h3><center>Welkom <?=$data->login;?> Op The-Sicilian.</center></h3> </div> <div class="vlak_content"> <p> <iframe src="home.php" name="mainFrame" style="position: relative; top: -30;" width=530 frameborder=0 height=335></iframe></p> </div> <a href="#top" target=_self><img src="images/vlak_foot.png" alt="" class="no_border" /></a> </div> <!--Vlak--> </center> </div> <!--Content center--> <style> INPUT { BORDER-RIGHT: #7a735a 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #7a735a 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; BACKGROUND: url(layout/layout02/input-bg.png) #c4bb9d repeat-x; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #7a735a 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #7a735a 1px solid; FONT-FAMILY: tahoma, arial, verdana; } INPUT:hover { BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid } INPUT.submit { BORDER-RIGHT: #5e2424 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #5e2424 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; BACKGROUND: url(layout/layout02/submit-bg.png) #000000 repeat-x; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 3px; BORDER-LEFT: #5e2424 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #5e2424 1px solid; FONT-FAMILY: tahoma, arial, verdana; } INPUT.submit:hover { BORDER-RIGHT: #c64d4d 1px solid; BORDER-TOP: #c64d4d 1px solid; BORDER-LEFT: #c64d4d 1px solid; BORDER-BOTTOM: #c64d4d 1px solid } </style> <!--Content right--> <div id="content_right"> <div class="item"> <a class="no_border" onClick="showMenu('login')"><IMG src="images/kop12.png" alt="" class="no_border"></a> <ul class="no_border" ID="login" visibility: hidden;"> <div style="margin-left: 5px;"> <FORM method=post action="login.php" target="mainFrame"> <LABEL>Login:<BR> <INPUT onblur=" if(this.value=='')this.value='login'" onfocus="if(this.value=='login')this.value=''" value='login' name=login> </LABEL> <LABEL><br>Wachtwoord: <BR> <INPUT onblur=" if(this.value=='')this.value='wachtwoord'" onfocus="if(this.value=='wachtwoord')this.value=''" type=password value="wachtwoord" name=pass> </LABEL> <BR> <table width="100%"> <tr> <td><INPUT class=submit type=submit value=Inloggen></td> <td><FORM method=post action="login.php?x=lostpass" target="mainFrame"><INPUT class=submit type=submit value=Vergeten?></form></td> </tr> </table> </div> </ul> <img src="images/menu_foot.png" alt="" class="no_border" /> </div> <div class="item"> <a class="no_border" onClick="showMenu('land')"><IMG src="images/kop6.png" alt="" class="no_border"></a> <ul class="no_border" ID="land" visibility: hidden;"> <?php /* ------------------------- */ $dbresxa = mysql_query("SELECT `id` FROM `[users]` WHERE UNIX_TIMESTAMP(NOW())-UNIX_TIMESTAMP(`online`) < 300"); $onliner = mysql_num_rows($dbresxa); $dbres = mysql_query("SELECT id FROM `[users]`"); $members = mysql_num_rows($dbres); $member = mysql_fetch_object($dbres); $select = mysql_query("SELECT login FROM `[users]` ORDER BY signup DESC LIMIT 0,1"); $object = mysql_fetch_object($select); print <<<ENDHTML <li><a class="normal">Aantal Leden: $members</a></li> <li><a class="normal">Leden Online: $onliner</a></li> <li><a class="normal" href="profile.php?x=$object->login">Nieuwste: <font color="Red">$object->login</a></li> </form> ENDHTML; ?> </ul> <img src="images/menu_foot.png" alt="" class="no_border" /> </div> <div class="item"> <a class="no_border" onClick="showMenu('screenshots')"><IMG src="images/kop13.png" alt="" class="no_border"></a> <ul class="no_border" ID="screenshots" visibility: hidden;"> <table width="100%"> <tr> <td><a href="http://www.the-sicilian.nl/images/screen1.jpg" rel="lytebox[vacation]" title="Het drukbezochte forum van the-sicilian"><img src="images/screen1.jpg" width="60" height="60" border="0"></a></td> <td><a href="http://www.the-sicilian.nl/images/screen2.jpg" rel="lytebox[vacation]" title="Het moordsysteem van the-sicilian.nl"><img src="images/screen2.jpg" width="60" height="60" border="0"></a></td> <td><a href="http://www.the-sicilian.nl/images/screen3.jpg" rel="lytebox[vacation]" title="Een geweldige unieke optie is het avatar kiezen bij the-sicilian.nl"><img src="images/screen3.jpg" width="60" height="60" border="0"></a></td> </tr> </table> </ul> <img src="images/menu_foot.png" alt="" class="no_border" /> </div></div> <!--Content right--> </div> <!--Content--> <!--Footer--> <div id="footer"> <div id="footer_left"> <span class="f1">© 2009-2010 The-Sicilian.nl - All rights reserved</span> <span class="f2">Design door: <a href="http://kylevmaaren.nl" class="kylevmaaren"><strong>KylevMaaren.nl</strong></a></span> </div> <div id="container"> <img src="images/navigatie.png" width="166" height="26" class="menu_head" /> <ul class="menu_body"> <li><a href="#"><img src="images/nl.png" alt="" border= "1px solid #2d2721"/> Nederlands</a></li> <li><a href="#"><img src="images/be.png" alt="" border= "1px solid #2d2721"/> Belgie's</a></li> <li><a href="#"><img src="images/us.png" alt="" border= "1px solid #2d2721"/> Engels</a></li> </ul> </div> </div> <!--Footer--> <!--Einde wrapper--> </div> <!--Einde wrapper--> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTrackebedankt
-
Meschien zou het eens handig zijn dat je die van major-crime de index de html eens mooi kuist.... al die onodige javascript gedoe dat ik zie is echt ietsje te veel en de helft ervan word niet eens gebruikt
-
-
Ik ga het niet allemaal voor je maken, maar dit is hoe je het ongeveer zult moeten maken als je jQuery wilt gebruiken:
maak een div met het id #hide (of zo) en plaats daarin wat er op het scherm langzaam moet verschijnen, dan ga je in jQuery gewoon fadeIn() gebruiken en nog in CSS #hide instellen, en een andere #show met daarin uiteraard de opacity op 100%Referentie: jQuery site
http://blog.themeforest.net/sc…e-beginners-video-series/Als je de laatste link bezoekt en wat tijd neemt om de video's te bekijken kan je dit in no-time zelf maken!
Participate now!
Heb je nog geen account? Registreer je nu en word deel van onze community!