Webhilfe.info/board

Normale Version: Diashow auf Webseite
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hallo zusammen,

ich würde gerne so eine Art Diashow auf meine site bringen.

Das ganze sollte in etwa so aussehen:

Icl habe eine bestimmte Stelle auf der Seite an der abwechselnd z.B
4 Bilder erscheinen, aber eben nicht einfach so, sondern die Bilder soööten sich abwechseln ähnlich wie wenn man eine Seite in einem Buch umblättert.

Kann mir da jemand helfen ?

Wäre echt super nett.

Viele Grüße
hi,
ich habe mal ein wenig herumgeschaut und bin auf folgende seite gestoßen
http://www.raubfische.de/image3.html
ich finde ist sehr gut erkärt. wenn noch fragen sind einfach melden!
Danke schön, aber ich bekomme es nicht hin.
Ich kopiere dir mal den Quelltext rein, vielleicht könntest du mal schauen an was das liegt.
(kann man da .jpg nehmen oder müssen die Bilder .gif sein?)

Hier der Quelltext:

<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta Name="robots" Content="follow">
<meta Name="description" Content="Wir betreuen Sie in allen Fragen zum Maler, Stuckateur und Hausmeister">
<meta Name="author" Content="service-by-paul.de">
<meta Name="keywords" Content="stuckateur, maler, hausmeister, javea, xabia, costablanca, costa-blanca, denia, poolpflege, gartenpflege, Immobilien, immobilienbetreuung, villa, malerarbeiten, malertechnik, Malerservice, immobilien, villa, spanien, ferienvermietung, putzarbeiten, stuckarbeiten, putztechnik, stuckateurservice, gips, edelputz, gipser, fassade, wohnraum, lacke, pinsel, fassade, wohnraum, lasur, lasuren, lack, lackieren, putze, farbgestaltung, lackierer, tapezierarbeiten, tapezieren, tapete, raumgestaltung, gestaltung, handwerk, kundenservice, handwerksbetriebe, meister, mitarbeiter, geselle, auszubildende, azubi, ausbildung, handwerkersuche, handwerks, betriebsinhaber, mittelstand, jobs, karriere, kundenservice, wirtschaft, email, adresse">
<title>Maler, Stuckateur, Hausmeister: "Ihr Unternehmen in Sachen Maler, Stuckateur und Hausmeister"></title>
<TT><FONT face=Verdana,Arial,Helvetica size=2>
var imgs = new bildarray;
var i = 1;

function bildarray() {
this[<FONT color=#329c40>0</FONT>] = "<FONT color=#329c40>welcome1.jpg</FONT>";
this[<FONT color=#329c40>1</FONT>] = "<FONT color=#329c40>welcome2.jpg</FONT>";
this[<FONT color=#329c40>2</FONT>] = "<FONT color=#329c40>welcome3.jpg</FONT>";
this[<FONT color=#329c40>3</FONT>] = "<FONT color=#329c40>Pool1.jpg</FONT>";
this[<FONT color=#329c40>4</FONT>] = "<FONT color=#329c40>jefe.jpg</FONT>";
}
</FONT></TT>
<TT><FONT face=Verdana,Arial,Helvetica color=#ff0000 size=2>function wechsel() {
if (i <4) { i +="1;" } else { i="<FONT" COLOR="#329C40">0</FONT><FONT face=Verdana,Arial,Helvetica size=2>;
}
document.forms[0].nummer.value = i;
document.forms[0].bild.value = imgs[i];
document.images[<FONT color=#329c40>3</FONT>].src = imgs[i];
setTimeout("wechsel()",<FONT color=#329c40>2000</FONT>Wink;
}
</FONT></TT>
BODY onLoad="setTimeout('wechsel()',2000);"
</head>
<TT><FONT face=Verdana,Arial,Helvetica size=2><IMG SRC="welcome1.jpg" WIDTH=85 HEIGHT=66>
<FORM>
<INPUT TYPE="text" SIZE=10 NAME="nummer" VALUE="1"
onFocus="blur(this);">
<INPUT TYPE="text" SIZE=20 NAME="bild" VALUE="a.gif"
onFocus="blur(this);">
</FORM>
</FONT></TT>
<body bgcolor="#FFFF66">




</p>

</p>

</body>

</html>
[code:1]<html>

<head>
<meta http-equiv="Content-Language" content="de">
<meta Name="robots" Content="follow">
<meta Name="description" Content="Wir betreuen Sie in allen Fragen zum Maler, Stuckateur und Hausmeister">
<meta Name="author" Content="service-by-paul.de">
<meta Name="keywords" Content="stuckateur, maler, hausmeister, javea, xabia, costablanca, costa-blanca, denia, poolpflege, gartenpflege, Immobilien, immobilienbetreuung, villa, malerarbeiten, malertechnik, Malerservice, immobilien, villa, spanien, ferienvermietung, putzarbeiten, stuckarbeiten, putztechnik, stuckateurservice, gips, edelputz, gipser, fassade, wohnraum, lacke, pinsel, fassade, wohnraum, lasur, lasuren, lack, lackieren, putze, farbgestaltung, lackierer, tapezierarbeiten, tapezieren, tapete, raumgestaltung, gestaltung, handwerk, kundenservice, handwerksbetriebe, meister, mitarbeiter, geselle, auszubildende, azubi, ausbildung, handwerkersuche, handwerks, betriebsinhaber, mittelstand, jobs, karriere, kundenservice, wirtschaft, email, adresse">
<title>Maler, Stuckateur, Hausmeister: "Ihr Unternehmen in Sachen Maler, Stuckateur und Hausmeister"></title>

<script LANGUAGE="JavaScript">
<!-- HIDING THE SCRIPT FROM OTHER BROWSERS

var imgs = new bildarray;
var i = 1;

function bildarray() { // Hier kommen die Bilder hin, die in er Slideshow angezeigt werden sollen
this[0] = "welcome1.jpg";
this[1] = "welcome2.jpg";
this[2] = "welcome3.jpg";
this[3] = "Pool1.jpg";
this[4] = "jefe.jpg";
}



function wechsel() {
if (i < 4) {
i += 1;
} else {
i = 0;
}
document.forms[0].nummer.value = i;
document.forms[0].bild.value = imgs[i];
document.images[5].src = imgs[i]; // Anzahl dr Bilder in der Slideshow
setTimeout("wechsel()",2000); // Wiederholung der Slideshow
}

// STOP HIDING FROM OTHER BROWSERS -->
</script>
</head>

<body onLoad="setTimeout('wechsel()',2000);">
<!--Eventhandler-->
<IMG SRC="misc/1.gif" WIDTH="100" HEIGHT="100">
</body>

</html>
[/code:1]
Referenz-URLs