php.de

Zurück   php.de > Lösungen durch Skripte > Scriptbörse

Scriptbörse PHP Lösungen für nen schmalen Taler

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 03.11.2010, 11:13  
Benutzer
 
Registriert seit: 28.07.2010
Beiträge: 32
PHP-Kenntnisse:
Anfänger
Crypt ist zur Zeit noch ein unbeschriebenes Blatt
Standard [Erledigt] Bilder Gallerie mit Hilfe von Schleifen

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.
Crypt ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 03.11.2010, 11:23  
Moderator
 
Registriert seit: 06.06.2008
Beiträge: 4.945
PHP-Kenntnisse:
Fortgeschritten
Wolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer Anblick
Wolla eine Nachricht über ICQ schicken
Standard

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?
Wolla ist offline   Mit Zitat antworten
Alt 03.11.2010, 13:12  
Benutzer
 
Registriert seit: 28.07.2010
Beiträge: 32
PHP-Kenntnisse:
Anfänger
Crypt ist zur Zeit noch ein unbeschriebenes Blatt
Standard

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.?
Crypt ist offline   Mit Zitat antworten
Alt 03.11.2010, 13:24  
Moderator
 
Registriert seit: 06.06.2008
Beiträge: 4.945
PHP-Kenntnisse:
Fortgeschritten
Wolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer AnblickWolla ist ein wunderbarer Anblick
Wolla eine Nachricht über ICQ schicken
Standard

* verschoben Scriptbörse *
__________________
Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?
Wolla ist offline   Mit Zitat antworten
Alt 03.11.2010, 16:15  
Benutzer
 
Registriert seit: 28.07.2010
Beiträge: 32
PHP-Kenntnisse:
Anfänger
Crypt ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Keiner da, der mir das machen will?
Crypt ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ä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

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
schleifen bilder, html src schleifen, schleife gallerie, bilder mittels einer schleife hochladen, php bilder aus datei auslesen und als galerie wiedergeben, for schleife ($bilder als $bild) php, next gallery bilder schützen

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:15 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum