random splash

subzero

subzero

Erfahrenes Mitglied
moin leutz!
also.. ich suche ein javascript womit ich einen random splash in meine index.htm packen kann!

also..kann mir einer dieses script mal posten..und erklären..?!?!


thx leutz!
 
hoi s.u.b.z.e.r.o,

meinst son zufalls teil wo immer andere bilder angezeigt werden? zwei fragen dazu was du suchst

1. bei jedem aufruf ein anderes pic oder,
2. ein ständiger wechsel solang du index offen hast?

gruss snail
 
Hab da mal nen Link rausgesucht der könnte das beinhalten was du suchst. Unter Zufalls-Scripts findest du ne Möglichkeit Grafiken per Zufall erscheinen zu lassen.
Zufallsgrafik
 
hoi s.u.b.z.e.r.o,

ich hab dir mal deinen wunsch erfüllt :-) ist getestet und es läuft ich hoffe dir reichen die kommentare im source...
----------------------------------------------------------------------
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

// Array anlegen zum aufnehmen des dateipfades
var pic = new Array();

// Pics im Array mit pfad speichern
// hier fügst du einfach deine pfade ein und wenn du mehr splash hast machst einfach weiter

pic[0]=new Image();
pic[0].src="splash_1.jpg";

pic[1]=new Image ();
pic[1].src="splash_2.jpg"

pic[2]=new Image ();
pic[2].src="splash_3.jpg";


// die funktion zum laden des zufälligen splash
function random_splash ()
{
// zufallszahl generieren die zahl musst du letzte zahl (die 2) musst du erhöhen anzahl der splash - 1
var zu = Math.random()*2;
// runden der zufallszahl (random erzeugt wilde zahlen z.b. 1.37037832744449 und das wird gerundet
zu = Math.round(zu);
// laden des splash
window.document.images[0].src=pic[zu].src;
}
</SCRIPT>

<TITLE>Homepage</TITLE></HEAD>
<!-- beim aufruf der site wird automatisch durch ONLOAD das script ausgeführt -->
<BODY BGCOLOR="#FFFFFF" ONLOAD="random_splash()">

<p> <A HREF="http://www.deinLink.html"><IMG SRC="splash_1.jpg"></A>
</BODY></HTML>
--------------------------------------------------------------------

viel spass

gruss snail
 
also..erstma danke..
aber anscheinend bin ich zu blöd das in mein html source zu page..lol..

kannste den html source mal editieren? so das es klappt..er soll in die tabelle!!! das wo das slpash_trip.jpg is da soll das random ding rein!das geht bei mir nich *heul*

<html>

<head>


<title>.-~SuBzErO2001~-.</title>
</head>

<body bgcolor="#19486B">

<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img border="0" src="linksobenrand.jpg" width="26" height="26"></td>
<td><img border="0" src="randoben.jpg" width="400" height="26"></td>
<td><img border="0" src="rechtsobenrand.jpg" width="26" height="26"></td>
</tr>
<tr>
<td><img border="0" src="randlinks.jpg" width="26" height="299"></td>
<td><a href="home.htm"><img border="0" src="splash_trip.jpg" width="400" height="300"></a></td>
<td><img border="0" src="randrechts.jpg" width="26" height="299"></td>
</tr>
<tr>
<td><img border="0" src="linksuntenrand.jpg" width="26" height="27"></td>
<td><img border="0" src="randunten.jpg" width="400" height="27"></td>
<td><img border="0" src="rechtsuntenrand.jpg" width="26" height="27"></td>
</tr>
</table>
</center>
</div>
<p align="center"><font size="1" face="Arial" color="#FFFFFF"><br>
<br><script language="JavaScript" src="http://www.webmasterpro.de/fc/counter.php3?name=subzero2001&style=24bytesize&b=160&h=100"></script>
<br>
<br>
<br>
.:: Wellcome to .:: [ s.u.b.z.e.r.o Design ]<br>
.:: Click On Splash to
</font><a href="home.htm"><font size="1" face="Arial" color="#FFFFFF">ENTER</font></a><font size="1" face="Arial" color="#FFFFFF">
<br>
.:: (C) 2001-2002 | </font><a href="http://www.subzero-design.de.vu"><font size="1" face="Arial" color="#FFFFFF">http://www.subzero-design.de.vu</font></a><font size="1" face="Arial" color="#FFFFFF">
| Web Artist<br>
<br>

</font><font color="#FFFFFF">

<a href=http://www.pixelcore.com/main.php3?go=prev&id=3167><font size="1" face="Arial" color="#FFFFFF">
<<

</font></a>
<font size="1" face="Arial">

</font></font>
<a href=http://www.pixelcore.com><font size="1" face="Arial" color="#FFFFFF">
pixelCORE

</font></a>
<font color="#FFFFFF" size="1" face="Arial"> </font>
<a href=http://www.pixelcore.com/main.php3?go=rand&id=3167><font size="1" face="Arial" color="#FFFFFF">
?

</font></a>
<font color="#FFFFFF" size="1" face="Arial"> </font>
<a href=http://www.pixelcore.com/main.php3?go=next&id=3167><font size="1" face="Arial" color="#FFFFFF">
>>

</font></a>

</p>

</body>

</html>
 
hi sub,

ich hab dir eingebunden...so müsste es funzen...dein fehler war sicher die image[id] in der random funktion, hier muss die nummer rein an der stelle das bild in deinem source ist in deinem fall ist es die fünfte position das heisst du musst die 4 eintragen weil js bei 0 anfängt zu zählen...jetzt musst nur noch das array einrichten, da wo "splash_1.jpg" steht muss dein pfad rein...wenn du weniger als 3 splashs hast muss die restlichen löschen, sonst fliegt er auch auf die fresse...und dann noch in der random_splash funktion die anzahl deiner splashes ändern -->

in diesem fall hab ich drei splashes 0,1 und 2 also brauch ich die zufallszahlen von 0-2 wenn ich mehr habe muss ich entsprechend multiplizieren

var zu = Math.random()*2;

so ich glaub ich hab dir alles erzählt was du wissen musst...wenn nicht sach nochmal bescheid...

gruss snail

aso wennst das teil einbindest kannst die kommentare löschen dat sind die zeilen wo // vor ist...dann wird es sicher übersichtlicher


---------------------------------------------------------------------
<html>
<head>
<title>.-~SuBzErO2001~-.</title>
<SCRIPT LANGUAGE="JavaScript">
var pic = new Array();

pic[0]=new Image();
pic[0].src="splash_1.jpg";

pic[1]=new Image ();
pic[1].src="splash_2.jpg"

pic[2]=new Image ();
pic[2].src="splash_3.jpg";

function random_splash ()
{
// zufallszahl generieren die zahl musst du letzte zahl (die 2) musst du erhöhen anzahl der splash - 1
var zu = Math.random()*2;
// runden der zufallszahl (random erzeugt wilde zahlen z.b. 1.37037832744449 und das wird gerundet
zu = Math.round(zu);
// laden des splash hier muss die bildnummer rein (images[]) in deinem fall die 4
window.document.images[4].src=pic[zu].src;
}
</SCRIPT

</head>

<body bgcolor="#19486B" ONLOAD="random_splash()">

<div align="center">
<center>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img border="0" src="linksobenrand.jpg" width="26" height="26"></td>
<td><img border="0" src="randoben.jpg" width="400" height="26"></td>
<td><img border="0" src="rechtsobenrand.jpg" width="26" height="26"></td>
</tr>
<tr>
<td><img border="0" src="randlinks.jpg" width="26" height="299"></td>
<td><a href="home.htm"><img border="0" src="splash_trip.jpg" width="400" height="300"></a></td>
<td><img border="0" src="randrechts.jpg" width="26" height="299"></td>
</tr>
<tr>
<td><img border="0" src="linksuntenrand.jpg" width="26" height="27"></td>
<td><img border="0" src="randunten.jpg" width="400" height="27"></td>
<td><img border="0" src="rechtsuntenrand.jpg" width="26" height="27"></td>
</tr>
</table>
</center>
</div>
<p align="center"><font size="1" face="Arial" color="#FFFFFF"><br>
<br><script language="JavaScript" src="http://www.webmasterpro.de/fc/counter.php3?name=subzero2001&style=24bytesize&b=160&h=100"></script>
<br>
<br>
<br>
.:: Wellcome to .:: [ s.u.b.z.e.r.o Design ]<br>
.:: Click On Splash to
</font><a href="home.htm"><font size="1" face="Arial" color="#FFFFFF">ENTER</font></a><font size="1" face="Arial" color="#FFFFFF">
<br>
.:: (C) 2001-2002 | </font><a href="http://www.subzero-design.de.vu"><font size="1" face="Arial" color="#FFFFFF">http://www.subzero-design.de.vu</font></a><font size="1" face="Arial" color="#FFFFFF">
| Web Artist<br>
<br>

</font><font color="#FFFFFF">

<a href=http://www.pixelcore.com/main.php3?go=prev&id=3167><font size="1" face="Arial" color="#FFFFFF">
<<

</font></a>
<font size="1" face="Arial">

</font></font>
<a href=http://www.pixelcore.com><font size="1" face="Arial" color="#FFFFFF">
pixelCORE

</font></a>
<font color="#FFFFFF" size="1" face="Arial"> </font>
<a href=http://www.pixelcore.com/main.php3?go=rand&id=3167><font size="1" face="Arial" color="#FFFFFF">
?

</font></a>
<font color="#FFFFFF" size="1" face="Arial"> </font>
<a href=http://www.pixelcore.com/main.php3?go=next&id=3167><font size="1" face="Arial" color="#FFFFFF">
>>

</font></a>

</p>

</body>

</html>
 
ich seh grade die kommentare haben nen zeilenumbruch drin hier die funktion ohne kom.
-----------------------------------------------------
function random_splash ()
{
var zu = Math.random()*2;
zu = Math.round(zu);
window.document.images[4].src=pic[zu].src;
}
-----------------------------------------------------

und das scriptende fehlt die klammer

</script>

musst noch ändern

n8 snail
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück