Java Script Intro

Julien

Julien

Erfahrenes Mitglied
Ich möchte auf
meiner Homepage ein kleines Intro einfügen welches ich von [Nightfire.ch] habe.
Ich hab hier mal meinen Quellcode gepostet und alles Fett markiert welches zum Intro gehört:

PHP: 
<html>
<head>

<script language="JavaScript">
<!--
<script language="JavaScript1.2">
<!--

startingColor = new Array() // <-- Do not modify!
endingColor = new Array() // <-- Do not modify!


 <script language="JavaScript" src="reveal.js"></script> 
 
<script language="JavaScript">
////////////////////////////////// 
// Customise Reveal // 
////////////////////////////////// 
var clickw=150; // Width 
var clickh=20; // Height 
var clickb=2; // Border width 
var clickc="#000000"; // Border color 
var clickbg="#CCCCCC"; // Background color 
var clickt="Enter!"; // Text to display 
var clickFont="font-family:verdana,arial,helvetica; font-size:10pt; font-weight:bold; color:#FFFFFF"; // The font style of the text 

type -> 0 for vertical | 1 for horizantal 
div1bg -> Background color of first layer (eg. '#000000') 
div2bg -> Background color of second layer (eg. '#000000') 
div1bw -> Border width of first layer (eg. 1) 
div2bw -> Border width of second layer (eg. 1) 
div1bc -> Border color of first layer (eg. '#CCCCCC') 
div2bc -> Border color of second layer (eg. '#CCCCCC') 
step -> The amount revealed every interval (eg. 3) 
timeOut -> The delay in 10 milliseconds 
click -> true if user has to click to enter | false for auto enter 
new initEnter(0,'#000000','#000000',1,1,'#CCCCCC','#CCCCCC',3,10,true); 
</script></script> 





//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Enter [julien.zapto.org]</title>
</head>
<body bgcolor="#666666" text="#CCCCCC" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<center>
  <font face="Verdana, Arial, Helvetica" size="2">
  <center>
    <p>&nbsp;</p>
    <p><br>
    </p>
    <p><strong><font color="#000000" size="+3">Julien.Zapto.Org</font></strong></p>
    <p><font color="#3C3C3C" size="-5">Optimiert f&uuml;r Internet Explorer | 
      Firefox | Opera <font size="1"> 1280 x 1024</font></font></p>
    <p>&nbsp;</p>
    <p><br>
    </p>
    <p>&nbsp; 
  </center>
  </font>
  
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><font color="3C3C3C" font size="2" face="Verdana, Arial, Helvetica">Copy Right by Julien K&uuml;hne</font></p>
  <p><font color="3C3C3C" font size="2" face="Verdana, Arial, Helvetica">2003-3004</font></p>
  <p>&nbsp; </p>
</center>
</body>
</html>

<script language="JavaScript">
<!--
var SymRealOnLoad;
var SymRealOnUnload;

function SymOnUnload()
{
  window.open = SymWinOpen;
  if(SymRealOnUnload != null)
     SymRealOnUnload();
}

function SymOnLoad()
{
  if(SymRealOnLoad != null)
     SymRealOnLoad();
  window.open = SymRealWinOpen;
  SymRealOnUnload = window.onunload;
  window.onunload = SymOnUnload;
}

SymRealOnLoad = window.onload;
window.onload = SymOnLoad;

//-->
</script>


so mein Problem ist, dass ich den Text nicht sehe welcher eigentlich das Intro "auslösen" sollte..
Könnte ich eigentlich auch gleich noch machen das wenn ich auf "Enter" bzw. den Text klicke das sich dann alle bilder Vorausladen.. ? Hat das überhaupt einen Sinn?
Ach ja ich weiss der Code sieht ja super aus :rolleyes:
Leider habe ich noch nicht viel Ahnung von aber ich arbeite mich gerade durch SelfHTML..

Gruss Julien
 
Hi Julien,
hier erstmal dein Quelltext soweit aufgeräumt das das Script funktioniert.
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html> 
<head> 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Enter [julien.zapto.org]</title> 
</head> 
<body bgcolor="#666666" text="#CCCCCC" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" scroll="no"> 
<script language="JavaScript" src="reveal.js"></script>

<script language="JavaScript">
//////////////////////////////////
//	Customise Reveal	//
//////////////////////////////////

/*
The following is required only if you
want the user to click to reveal the page
*/
var clickw=150;		// Width
var clickh=20;		// Height
var clickb=2;		// Border width
var clickc="#000000";	// Border color
var clickbg="#000000";	// Background color
var clickt="Reveal!";	// Text to display
var clickFont="font-family:verdana,arial,helvetica; font-size:10pt; font-weight:bold; color:#FFFFFF";		// The font style of the text

/*
Following is required to initialise Reveal
The function is called in the following manner :
	initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click)
	Parameter description :
	type	->	0 for vertical | 1 for horizantal
	div1bg	->	Background color of first layer		(eg. '#CCCCCC')
	div2bg	->	Background color of second layer	(eg. '#CCCCCC')	 
	div1bw	->	Border width of first layer		(eg. 1)
	div2bw	->	Border width of second layer		(eg. 1)
	div1bc	->	Border color of first layer		(eg. '#000000')
	div2bc	->	Border color of second layer		(eg. '#000000')
	step	->	The amount revealed every interval	(eg. 5)
	timeOut	->	The delay in milliseconds
	click	->	true if user has to click to reveal | false for auto reveal
	See below for an example of how to call the function.
*/
new initReveal(0,'#CCCCCC','#CCCCCC',1,1,'#000000','#000000',3,10,true);
</script>



<center> 
  <font face="Verdana, Arial, Helvetica" size="2"> 
  <center> 
    <p>&nbsp;</p> 
    <p><br> 
    </p> 
    <p><strong><font color="#000000" size="+3">Julien.Zapto.Org</font></strong></p> 
    <p><font color="#3C3C3C" size="-5">Optimiert f&uuml;r Internet Explorer | 
      Firefox | Opera <font size="1"> 1280 x 1024</font></font></p> 
    <p>&nbsp;</p> 
    <p><br> 
    </p> 
    <p>&nbsp; 
  </center> 
  </font> 
   
  <p>&nbsp;</p> 
  <p>&nbsp;</p> 
  <p>&nbsp;</p> 
  <p>&nbsp;</p> 
  <p><font color="3C3C3C" font size="2" face="Verdana, Arial, Helvetica">Copy Right by Julien K&uuml;hne</font></p> 
  <p><font color="3C3C3C" font size="2" face="Verdana, Arial, Helvetica">2003-3004</font></p> 
  <p>&nbsp; </p> 
</center> 
</body> 
</html>

du mußt auserdem noch die Datei reveal.js auf den Server schaffen sonst funktioniert das ganze nicht.

gruss xollo
 
hmm.. hallo

ich bins julien.. ich musste mich neu Anmelden weil ich unter meinem "eigentlichen" Benutzer nichts mehr machen kann.. ist irgendwie blokiert.. weiss nicht wieso kann nix schreiben, kann nicht mal ins profil.. :mad: :( :rolleyes: :eek:

also ich DANKE dir erstmals für deine super Hilfe.. ohne dich bzw. ohne diese Community wäre ich nicht weit gekommen. :-)
so und zweitens habe ich noch ne Frage bezüglich des Intro-Script.


-wie kann ich ihn so konfigurieren das er sich immer an die Auflösung des Benützers anpasst..? Und dann sollte ich noch wissen wie ich das machen kann dass wenn ich auf den Button bzw... jetzt "enter this site" klicke dass er dann gleich zu meiner Hauptseite geht und die Grafiken vorauslädt...

wäre echt super wenn jemand mir auch nur ein Teil von helfen könnte.

Website hier downloaden

Link zur Website: julien.zapto.org
würde mich interessieren wie bei euch das intro aussieht...!

::EDIT:: ich habe mich gerade anders entschieden und zwar wüsste ich gerne wie man folgendes machen kann: ich möchte zuerst das die Index Seite kommt (siehe link) und dass diese Seite ca 5-7 Sekunden bleibt und erst dann das Script kommt (Intro) und die Hauptseite & Grafiken beim klick auf Enter vorauslädt möglich? oder wäre es besser wenn man die Hauptseite&Grafiken gleich beim übergang von Index zu Script mitlädt.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück