Bilder Slider mit While Schleife
|
| Verfasser |
Nachricht |
|
Beiträge: 398
Bewertung: 1
Registriert seit: Feb 2008
Status:
offline
|
Bilder Slider mit While Schleife
Hey hab ne kurze Frage ich wollte mir einen Bilder Slider in meine Homepage einbauen im neuen Design hier zu sehen
[Link: Registrierung erforderlich] .
Mein aktueller Code sieht so aus
<div id=slider>
<div id=links>
<img src="images/test.png" width="63" height="63" alt="Bild1">
<img src="images/test.png" width="63" height="63" alt="Bild2">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4"><br>
<img src="images/slider/showyourcar_35.png" width="262" height="195" alt="Bild5">
</div>
<div id=mitte>
<img src="images/slider/showyourcar_14.png" width="128" height="128" alt="Bild1">
<img src="images/slider/showyourcar_37.png" width="129" height="128" alt="Bild2">
<div id=doppel>
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3"><br>
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4">
</div>
<br>
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4"><br>
<img src="images/slider/showyourcar_59.png" width="258" height="63" alt="Bild5">
<img src="images/slider/showyourcar_34.png" width="68" height="63" alt="Bild4">
</div>
<div id=rechts>
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild1">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild2"><br>
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4"><br>
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4"><br>
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild3">
<img src="images/slider/showyourcar_34.png" width="63" height="63" alt="Bild4"><br>
</div>
</div>
Jedoch würde ich die Bilder gerne aus meiner DB holen (es sind nur die Bilder namen in der DB hinterlegt)
Mein Problem ist jedoch das ich das ganze via while schleife machen muss und dann von bild1-bild5.
Ist dies überhaupt möglich?
|
|
| 28.03.2013 01:58 |
|
|
Beiträge: 382
Bewertung: 16
Registriert seit: Nov 2012
Status:
offline
|
RE: Bilder Slider mit While Schleife
Ich verstehe dein Anliegen nicht ganz, aber hier ist ein Code für einen Bildwechsel, wenn es nicht das ist, was du suchst, schonmal sorry:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>EUER WEBSITENAME</title>
<script language="JavaScript" />
<!--
verzoegerung = 3000;
bildNummer = 2;
bilder= new Array();
//
for (i = 1; i <= 10; i++) {
bilder[i] = new Image();
bilder[i].src = "dp" + i + ".gif";//
}
function naechstesBild() {
document.animation.src = bilder[bildNummer].src;
bildNummer++;
if (bildNummer > 10) bildNummer = 1;
}
// -->
</script>
</head>
<body>
<center>
<div id="header">
</div>
<div id="navigation">
</div>
<div id="boxen">
</div>
<div id="bigbox">
<img src="dp1.gif" name="animation" width="165" height="185" onLoad="setTimeout('naechstesBild()', verzoegerung)" />
</div>
<div id="footer">
</div>
</center>
</body>
</html>
MfG.
[Link: Registrierung erforderlich]
|
|
| 28.03.2013 02:09 |
|
|
Beiträge: 398
Bewertung: 1
Registriert seit: Feb 2008
Status:
offline
|
RE: Bilder Slider mit While Schleife
Mir geht es darum das ich gerne die Bilder durch die aus meiner Datenbank austauschen möchte und nicht diese fixen die ich eingefügt habe.
nur wenn ich eine While schleife mache hat er ja lediglich 5 Bilder zur verfügung pro "run" und nicht die 26 die ich brauche für den Slider.
|
|
| 28.03.2013 02:12 |
|
|
Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status:
offline
|
RE: Bilder Slider mit While Schleife
dein Problem versteh ich leider auch nicht ganz, bitte etwas verständlicher ausdrücken ...
du kannst die Datensätze, die du ausliest mit nem SQL Befehl auch limitieren (heißt passend dazu LIMIT)
also die ersten 5 auslesen : SELECT * FROM tabelle LIMIT 0,5
Portfolio: [Link: Registrierung erforderlich]
Projekte
[Link: Registrierung erforderlich]
[Link: Registrierung erforderlich]
|
|
| 28.03.2013 04:35 |
|
|
Beiträge: 398
Bewertung: 1
Registriert seit: Feb 2008
Status:
offline
|
RE: Bilder Slider mit While Schleife
Also ich habe in meiner datenbank user die können jeweils 5 bilder uploaden (bild1 bild2 bild3 bild4 bild5)
Nun möchte ich insgesamt 26 bilder ausgeben (verschiedene) wenn ich das ganze nun wie ich es gelernt habe via while schleife ausgebe gibt er mir ja nur insgesamt 5 mal die 5 bilder aus aber die gleichen.
|
|
| 28.03.2013 06:37 |
|
|
Beiträge: 625
Bewertung: 7
Registriert seit: Aug 2010
Status:
offline
|
RE: Bilder Slider mit While Schleife
datenbank struktur? wie ist dine Tabelle aufgebaut?
dein aktueller PHP Code? 
|
|
| 28.03.2013 08:31 |
|
|
Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status:
offline
|
|
| 28.03.2013 14:36 |
|
|
Beiträge: 398
Bewertung: 1
Registriert seit: Feb 2008
Status:
offline
|
RE: Bilder Slider mit While Schleife
Vielen dank für den Tipp Aaron, genau das habe ich gesucht.
|
|
| 29.03.2013 01:36 |
|
|
