[erledigt] brauche dringend Diashow !!!!

Ich suche schon seit einer Stunde nach einem HTML-Code für eine Diashow. Ich will einfach drei oder vier Bilder im Abstand von 2 Sekunden anzeigen. Natürliche sollen das 1. Bild beispielsweise das 2. Bild ersetzten einfach einen HTML-Code bitte und kein Link!

Danke im Voraus

admira-fans

hallöle,

schau mal, den code habe ich hier mal im forum gefunden und bin gerade dabei, ihn im meine hp einzubauen. allerdings weis ich selbst noch nicht, wie ich z.b. meine bilder beschriften soll.

aber versuch doch erstmal das,

viele grüße jörg


<p align="center"><img border="0" alt="" width="460" src="http://img.....jpg" /> <script type="text/javascript">
<!--
var b = new Array();

b[0] = new Image();
b[0].src = "http://img.....jpg";

b[1] = new Image();
b[1].src = "http://img.....jpg";

b[2] = new Image();
b[2].src = "http://img.....jpg";

b[3] = new Image();
b[3].src = "http://img.....jpg";

b[4] = new Image();
b[4].src = "http://img.....jpg";

b[5] = new Image();
b[5].src = "http://img.....jpg";

b[6] = new Image();
b[6].src = "http://img.....jpg";



var n = 6; // hier steht die Anzahl der Bilder minus 1
var i = -1;
var t = 3000; // Bilderwechsel in Millisekunden
var f = 0;
var z = document.images.length - 1;

function GG()
{
i ++;
if(i > n) i = 0;
document.images[z].src = b[i].src;
}

function delay()
{
if(f == 0) GG();
window.setTimeout("delay()",t);
}

delay();
//-->
</script><br />
<br />
<spanonMouseOver="status='';return true;" onFocus="this.blur();" onMouseDown="javascript:f=1;"><img border="0" alt="h&auml;lt die Bildershow an" width="100" height="70" style="cursor: hand" src="http://pause....gif" /></span>

<span onMouseOver="status='';return true;" onFocus="this.blur()" onMouseDown="javascript:f=0;"><img border="0" alt="setzt die Bildershow fort" width="15" height="15" style="cursor: hand" src="stop.gif" /></span>

<span onMouseOver="status='';return true;" onFocus="this.blur()" onMouseDown="GG();"><img border="0" alt="zeigt das n&auml;chste Bild" width="15" height="15" style="cursor: hand" src="http://www...../pfeil_nach_rechts.gif" /></span></p>
______________

Nimm doch ein Grafikprogramm und eines deiner Bilder und schreib dann den Text drauf. Dann lädst du das bild hoch und fügst die URL im Code ein
______________
Gruß Pexxi

Hallo
Entschuldigung, dieser Beitrag ist zwar schon ein wenig älter, wollte aber auch eine Slideshow haben, habe es auch mit dem Code von oben auch geschafft, nur würde ich anstatt 6 Bilder, 10 oder sogar 20 Bilder zeigen, nur habe ich ein paar mal versucht, mehrere Bilder einzufügen, leider ohne erfolg.
Jetzt meine frage dazu, wie könnte ich hier den Code so ändern, damit ich auch mehrer Bilder zeigen kann.

Ich bedanke mich im vorraus, für die nette Hilfe

Liebe Grüße, Patrick

Hier nochmals den Code, von oben:

<p align="center"><img border="0" alt="" width="460" src="http://img.....jpg" /> <script type="text/javascript">
<!--
var b = new Array();

b[0] = new Image();
b[0].src = "http://img.....jpg";

b[1] = new Image();
b[1].src = "http://img.....jpg";

b[2] = new Image();
b[2].src = "http://img.....jpg";

b[3] = new Image();
b[3].src = "http://img.....jpg";

b[4] = new Image();
b[4].src = "http://img.....jpg";

b[5] = new Image();
b[5].src = "http://img.....jpg";

b[6] = new Image();
b[6].src = "http://img.....jpg";



var n = 6; // hier steht die Anzahl der Bilder minus 1
var i = -1;
var t = 3000; // Bilderwechsel in Millisekunden
var f = 0;
var z = document.images.length - 1;

function GG()
{
i ++;
if(i > n) i = 0;
document.images[z].src = b[i].src;
}

function delay()
{
if(f == 0) GG();
window.setTimeout("delay()",t);
}

delay();
//-->
</script><br />
<br />
<spanonMouseOver="status='';return true;" onFocus="this.blur();" onMouseDown="javascript:f=1;"><img border="0" alt="h&auml;lt die Bildershow an" width="100" height="70" style="cursor: hand" src="http://pause....gif" /></span>

<span onMouseOver="status='';return true;" onFocus="this.blur()" onMouseDown="javascript:f=0;"><img border="0" alt="setzt die Bildershow fort" width="15" height="15" style="cursor: hand" src="stop.gif" /></span>

<span onMouseOver="status='';return true;" onFocus="this.blur()" onMouseDown="GG();"><img border="0" alt="zeigt das n&auml;chste Bild" width="15" height="15" style="cursor: hand" src="http://www...../pfeil_nach_rechts.gif" /></span></p>

Du musst einfach ab 6 kopieren und dementsprechend die Zahl anpassen

lg

Vielen vielen Dank, Sie habe mir echt weiter geholfen

Lieben Gruß, Patrick

P.S.: Wünsche Ihnen eine schöne Woche!!!

Hallo,

danke für die Rückmeldung und danke an den Helfer.

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering