• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Autom. Wechseln von Bildern (slideshow)

Kriegr

New member
Ich hätte gerne ein Funktion, mit der verschiedene Bilder der selben Größe nach z. b. 3 Sek. automatisch innerhalb der selben Tabellenzelle ausgetauscht werden. Die Reihenfolge sollte dabei optimalerweise zufällig sein.

Kann mir jemand weiterhelfen? Danke!! :)
 
Zuletzt bearbeitet:
guck....

Code:
<script>
pics		= new Array("bild1.jpg","bild2.jpg","bild3.jpg","bild4.jpg","bild5.jpg"); // bilder hier rein

changeTime 	= 3; // sekunden

function wechsel()
{
	setTimeout("wechsel()",changeTime*1000);
	document.bild.src=pics[Math.floor(Math.random()*(pics.length-1))];
}
</script>

.................

<body onload="wechsel()">
<img src=bild1.jpg name="bild">
</body>
</html>
 
So ganz funktioniert das noch nicht. Folgendermaßen sieht es momentan bei mir aus:

Code:
<!--Bildwechsel-Skript-->
<script>
pics = new Array("GRAFIKEN/bf109g/fluegel.jpg","Grafiken/bf109g/fahrwerk.jpg"); // bilder hier rein

changeTime = 3; // sekunden

function wechsel()
{
        setTimeout("wechsel()",changeTime*1000);
        document.bild.src=pics[Math.floor(Math.random()*(pics.length-1))];
}
</script>
Code:
<body onresize="{history.go(0)}" onload="wechsel()">
Code:
<td class="rahmen" valign="top"><a href="video/1945.mpeg">
<img src=GRAFIKEN/bf109g/fluegel.jpg name="bild">
<!--<img src="GRAFIKEN/historie/1945b.jpg" width="190" height="140" border="0" alt="">-->
</a><br>
<img align="left" src="GRAFIKEN/space.gif" width="3" height="30" border="0" alt="">
<p class="foto">Tolles Video über einen Luftkampf<br>
zwischen 3 P-51 und 2 Zeros!<br>
(ca. 11 MB; MPEG)</p></td>

Das Bild 'fluegel.jpg' kommt, aber der Bildaustausch findet nicht statt. Was ist falsch? :confused:
 
Hi Leute,
ich brauche eure Hilfe.

Bin über google auf dieses Thema gestoßen - das Script funktioniert zwar, jedoch:

Das Script ist auf "random" ausgelegt. Ist es nicht möglich einfach Bild 1,2,3,1,2,3,1,2,3 auszulesen?
Also einfach der Reihe nach?

Super, wenn ihr mir helfen könntet!

DANKE!
Gruß
Daniel
 
Moin!

Benutz doch einfach die foreninterne Suche. Bildwechselthreads gibt's hier zuhauf.

Ahoi - Pit
 
Hi,

wollt mal fragen, ob das auch einfach nur mit Texten geht. Dass ich dann ein umrandetes Tabellenfeld von bestimmter Größe hab, und darin dann nacheinander zufällig vordefinierte Sätze angezeigt werden.
Wollt nämlich so n Textfeld machen, wo alle 10 Sekunden ein neues Zitat angezeigt wird.

Wär nett wenn mir da jemand helfen könnte, hab nämlich von Javascript nicht so die Ahnung (nur von HTML).

MkG
as-tRAX
 
Moin!

Sekunden kannste selbst einstellen. Ich hab's in einen div gepackt:
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Sätze in Zufallsreihenfolge</title>
<script type="text/javascript">
<!--
var txtArr=new Array('blah 1','blah 2','blah 3','blah 4','blah 5','blah 6','blah 7','blah 8','blah 9','blah 10');
var speed=2;//Dauer der Anzeige einzelner Schnipsel in Sekunden
var neueReihenfolge=1;/*wenn 1: nach jedem Durchlauf wird eine neue Zufallsreihenfolge festgelegt;wenn 0: Zufallsreihenfolge wird einmal beim Laden der Seite gebastelt und bleibt dann so*/
var timer;
var blah=-1;
var anfang=0;
var neuArr=new Array();
function checkArr(no){
for (var i=0;i<neuArr.length;i++){
if(neuArr[i]==no){
return false;
}
}
return true;
}
function machArr(){
while (neuArr.length<txtArr.length){
no=Math.floor(Math.random()*txtArr.length)
if(checkArr(no))neuArr[neuArr.length]=no;
}
anfang=1;
}
function start(){
clearTimeout(timer);
blah++;
if(blah==txtArr.length)blah=0;
if((blah==0&&neueReihenfolge==1)||anfang==0){
neuArr=null;
neuArr=new Array();
machArr();
}
document.getElementById('text').innerHTML=txtArr[neuArr[blah]];
timer=setTimeout('start()',speed*1000);
}
//-->
</script>
</head>
<body onload="start()">
<div id="text"></div>
</body>
</html>
Ahoi - Pit
 
Zurück
Oben