hoe werkt dit!

thommie

beste mensen,

ik had op een site gezien (Klik)

ik weet niet echt hoe ik uit moet legen als je die site op start dan heeft het een soort intro hoe kan ik dat ook op mijn site of heeft iemand al zo'n soort script.

bedankt

diestro

ik zie niks meer dan het laden van de plaatjes wat wat tijd kost

SkyNet

Dat kan je met javascript geloof ik met paar seconden vertragen 8-|

thommie

volgens mij is het iets wat een soort van in word gevolgen.

pekelterror

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.

thommie

oke, bedankt zou iemand kunnen helpen waar ik dat neer moet zetten in het script?

SkyNet

In een extern bestand.
En in de header van je script de text soort (JS)

thommie

Nu heb ik dit op lijn 13 maar dat werkt niet:s

PHP

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

Meer tonen

Pharox

thommie
Je moet javascript tussen de <head> tekens houden.
Nu staan ze erbuiten en kunnen ze niet geladen worden

thommie

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?

Db-maffia

Heb je de .JS wel gedownload en in je map gezet?

Dein

Waarom zou je zoiets willen doen met Javascript ?
Dit is zo simpel met jQuery na te bootsen, en schilt een hoop extra code.

thommie

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?

-Nick

PHP

var 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();
}

Meer tonen

Dit opslaan als intro.js

Dan gewoon in je bodytags:

PHP

<body id="intro">

Persoonlijk vind ik JQuery ook wel het beste zoals dein zegt...

thommie

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

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

Meer tonen

bedankt

-Nick

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

thommie

Nick, bedankt dat je daar over begint. maar dat was mijn vraag niet!

Dein

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/screencasts/jq…s-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!

ICTscripters

Dé plek voor IT

Dé plek voor IT

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Maffia Hotel: een browsergame waarin je van lobbygast naar spil van het hotel groeit

Crime Club volledig herschreven vanaf nul

Malavita (nieuwe maffia game, van 0)

Herkent deze Notion-structuurscan echte problemen?

🚀 WE ZOEKEN TESTERS! 🚀

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

[TE KOOP] Malavita.be [Maffiaspel, gebaseerd op omicidio.nl, unieke code]

TK: Kraai.eu

[TE KOOP] Likeboost24.nl: complete SMM-webshop met eigen merk, volautomatische levering en betalen op de eigen pagina

hoe werkt dit!

Registratie

PHP waarschuwt voor twee ernstige bugs die makkelijk uit te buiten lijken

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken