[Erledigt] Bilder Gallerie mit Hilfe von Schleifen

Crypt · 03.11.2010, 11:13

Hallo,

ich habe mir eine Gallery auf meine Seite machen wollen und eine gute gefunden. Diese ist mit HTML und CSS. Das Problem ist aber, dass ich für jede Gallery den Source Code bearbeiten müsste. Bei 7 Bildern müsste ich ganze 7 Slider machen. Nur für die Thumbnails und Navigation. Das muss doch auch irgendwie mit einer Schleife gehen? Nur leider habe ich nicht den hauch einer ahnung, wie ich das anstellen sollte. Ich kenn mich schon bissel mit schleifen aus, aber so gut auch nicht. Die Bilder werden aus einer Datenbank ausgelesen. Also den Link, wo das Bild ist und den alt Tag. Hier mal die Slider für z.B. 7 Bilder.

Code:

<div id="slide1">
	<ul>
		<li><a href="#slide10" class="previous"><b>Previous</b></a></li>
		<li><a href="#pic1"><img src="images/0001.jpg" alt="Bild1" /></a></li>
		<li><a href="#pic2"><img src="images/0002.jpg" alt="Bild2" /></a></li>
		<li><a href="#pic3"><img src="images/0003.jpg" alt="Bild3" /></a></li>
		<li><a href="#pic4"><img src="images/0004.jpg" alt="Bild4" /></a></li>
		<li><a href="#pic5"><img src="images/0005.jpg" alt="Bild5" /></a></li>
		<li><a href="#slide2" class="next"><b>Next</b></a></li>
	</ul>
</div>
<div id="slide2">
	<ul>
		<li><a href="#slide1" class="previous"><b>Previous</b></a></li>
		<li><a href="#pic2"><img src="images/0002.jpg" alt="Bild2" /></a></li>
		<li><a href="#pic3"><img src="images/0003.jpg" alt="Bild3" /></a></li>
		<li><a href="#pic4"><img src="images/0004.jpg" alt="Bild4" /></a></li>
		<li><a href="#pic5"><img src="images/0005.jpg" alt="Bild5" /></a></li>
		<li><a href="#pic6"><img src="images/0006.jpg" alt="Bild6" /></a></li>
		<li><a href="#slide3" class="next"><b>Next</b></a></li>
	</ul>
</div>
<div id="slide3">
	<ul>
		<li><a href="#slide2" class="previous"><b>Previous</b></a></li>
		<li><a href="#pic3"><img src="images/0003.jpg" alt="Bild3" /></a></li>
		<li><a href="#pic4"><img src="images/0004.jpg" alt="Bild4" /></a></li>
		<li><a href="#pic5"><img src="images/0005.jpg" alt="Bild5" /></a></li>
		<li><a href="#pic6"><img src="images/0006.jpg" alt="Bild6" /></a></li>
		<li><a href="#pic7"><img src="images/0007.jpg" alt="Bild7" /></a></li>
		<li><a href="#slide4" class="next"><b>Next</b></a></li>
	</ul>
</div>
<div id="slide4">
	<ul>
		<li><a href="#slide3" class="previous"><b>Previous</b></a></li>
		<li><a href="#pic3"><img src="images/0004.jpg" alt="Bild4" /></a></li>
		<li><a href="#pic4"><img src="images/0005.jpg" alt="Bild5" /></a></li>
		<li><a href="#pic5"><img src="images/0006.jpg" alt="Bild6" /></a></li>
		<li><a href="#pic6"><img src="images/0007.jpg" alt="Bild7" /></a></li>
		<li><a href="#pic1"><img src="images/0001.jpg" alt="Bild1" /></a></li>
		<li><a href="#slide5" class="next"><b>Next</b></a></li>
	</ul>
</div>
<div id="slide5">
	<ul>
		<li><a href="#slide4" class="previous"><b>Previous</b></a></li>
		<li><a href="#pic4"><img src="images/0005.jpg" alt="Bild5" /></a></li>
		<li><a href="#pic5"><img src="images/0006.jpg" alt="Bild6" /></a></li>
		<li><a href="#pic6"><img src="images/0007.jpg" alt="Bild7" /></a></li>
		<li><a href="#pic1"><img src="images/0001.jpg" alt="Bild1" /></a></li>
		<li><a href="#pic2"><img src="images/0002.jpg" alt="Bild2" /></a></li>
		<li><a href="#slide6" class="next"><b>Next</b></a></li>
	</ul>
</div>
<div id="slide6">
	<ul>
		<li><a href="#slide5" class="previous"><b>Previous</b></a></li>
		<li><a href="#pic5"><img src="images/0006.jpg" alt="Bild6" /></a></li>
		<li><a href="#pic6"><img src="images/0007.jpg" alt="Bild7" /></a></li>
		<li><a href="#pic1"><img src="images/0001.jpg" alt="Bild1" /></a></li>
		<li><a href="#pic2"><img src="images/0002.jpg" alt="Bild2" /></a></li>
		<li><a href="#pic3"><img src="images/0003.jpg" alt="Bild3" /></a></li>
		<li><a href="#slide7" class="next"><b>Next</b></a></li>
	</ul>
</div>
<div id="slide7">
	<ul>
		<li><a href="#slide6" class="previous"><b>Previous</b></a></li>
		<li><a href="#pic6"><img src="images/0007.jpg" alt="Bild7" /></a></li>
		<li><a href="#pic1"><img src="images/0001.jpg" alt="Bild1" /></a></li>
		<li><a href="#pic2"><img src="images/0002.jpg" alt="Bild2" /></a></li>
		<li><a href="#pic3"><img src="images/0003.jpg" alt="Bild3" /></a></li>
		<li><a href="#pic4"><img src="images/0004.jpg" alt="Bild4" /></a></li>
		<li><a href="#slide1" class="next"><b>Next</b></a></li>
	</ul>
</div>

Und dann noch für die große Ansicht das hier:

Code:

<div id="pic1">
	<img src="images/0001.jpg" alt="Bild1" />
</div>
<div id="pic2">
	<img src="images/0002.jpg" alt="Bild2" />
</div>
<div id="pic3">
	<img src="images/0003.jpg" alt="Bild3" />
</div>
<div id="pic4">
	<img src="images/0004.jpg" alt="Bild4" />
</div>
<div id="pic5">
	<img src="images/0005.jpg" alt="Bild5" />
</div>
<div id="pic6">
	<img src="images/0006.jpg" alt="Bild6" />
</div>
<div id="pic7">
	<img src="images/0007.jpg" alt="Bild7" />
</div>

Das wäre ja bestimmt einfacher.

Aber ich brauche ja beide. Einmal für den Slider und einmal für Fullscreen. Ich dachte daran, einfach nen rießen Code zu machen, so in der art das komplette ding hinzuschreiben für, wenns nur 1 Bild ist bis hin zu 30, aber das wären ja tausende Zeilen Code und nen rießen Zeitaufwand. Da dachte ich mir, vielleicht könnt und wollt ihr mir helfen.

Wolla · 03.11.2010, 11:23

Offenbar unterscheiden sich die Zeilen nur durch den Dateinamen der Bilder. Du musst also mit PHP an den richtigen Stellen im Code den Dateinamen ausgeben:

PHP-Code:

 
<li><a href="#pic1"><img src="<?php echo $dateiname;?>" alt="<?php echo $dateibeschreibung;?>" /></a></li>

Das ganze dann natürlich in einer Schleife, die alle anzuzeigenden Bilder erfasst.

Wenn du fertigen Code hast, dann zeig den. Wenn nicht, musst du einen Programmierer finden, der dir das für kleines Geld baut.

PS: Das Wort schreibt sich so: Galerie

Crypt · 03.11.2010, 13:12

Ich weiß nicht welche Schleife ich verwenden muss.

Zitat:

musst du einen Programmierer finden, der dir das für kleines Geld baut.

Wie viel Euro wären das denn? So ca.?

Wolla · 03.11.2010, 13:24

* verschoben Scriptbörse *

Crypt · 03.11.2010, 16:15

Keiner da, der mir das machen will?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Bilder aus Ordner einlesen und in Tabelle wiedergeben	Lucker	PHP Tipps 2010	11	30.03.2010 15:07
[Erledigt] Wie kann man Bilder sinnvoll verkleinern?	Squall	PHP Tipps 2009	7	17.06.2009 15:55
Probleme mit der FCK-Editor Config.php Datei - HILFE	xxxwaljaxxx	PHP Tipps 2009	7	05.05.2009 09:57
[Erledigt] Frage zur Navigation für eine Gallerie (bzw. Bilder Array) => ausführli	jericho1978	PHP Tipps 2009	8	04.05.2009 11:13
Bilder uploaden und anzeugen	raphaelf	PHP Tipps 2009	23	26.04.2009 21:34
Entscheidung für Bilder	maclaim1988	PHP Tipps 2009	2	07.02.2009 18:50
[Erledigt] Bilder weren ncht aktualisiert	pfump	PHP Tipps 2008	26	25.08.2008 19:09
Bilder Diashow?	errox	PHP Tipps 2008	2	26.01.2008 10:02
Zip Archiv entpacken und Bilder verkleinern	Simon9990	PHP Tipps 2008	5	08.10.2007 00:32
bilder zu groß?!	lindner	PHP Tipps 2006	9	19.10.2006 08:32
Problem mit Schleifen	danysahne333	PHP Tipps 2006	2	11.09.2006 11:17
Bilder "schützen"		PHP Tipps 2006	4	06.03.2006 15:25
Ich brauch Hilfe für eine Gallerie!!!		PHP Tipps 2006	10	20.02.2006 16:56
Hilfe bei Bilder Voting Script	jens21	PHP Tipps 2007	1	25.12.2005 14:54
1000de bilder einfügen ab schnell..? :-)		PHP Tipps 2004	12	11.08.2004 20:42


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.11.2010, 11:23
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.945 PHP-Kenntnisse: Fortgeschritten	Offenbar unterscheiden sich die Zeilen nur durch den Dateinamen der Bilder. Du musst also mit PHP an den richtigen Stellen im Code den Dateinamen ausgeben: PHP-Code: `<li><a href="#pic1"><img src="<?php echo $dateiname;?>" alt="<?php echo $dateibeschreibung;?>" /></a></li>` Das ganze dann natürlich in einer Schleife, die alle anzuzeigenden Bilder erfasst. Wenn du fertigen Code hast, dann zeig den. Wenn nicht, musst du einen Programmierer finden, der dir das für kleines Geld baut. PS: Das Wort schreibt sich so: Galerie __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?

03.11.2010, 13:24
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.945 PHP-Kenntnisse: Fortgeschritten	* verschoben Scriptbörse * __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?

03.11.2010, 16:15
Crypt Benutzer Registriert seit: 28.07.2010 Beiträge: 32 PHP-Kenntnisse: Anfänger	Keiner da, der mir das machen will?