Einfacher Script zum ausgeben von Bildern aus Ordner

Antoniodc · 5. November 2014 um 20:22

Hi zusammen,

ich baue gerade eine Homepage und suche einen einfachen Slider, der aus einem Ordner Bilder ausgibt. Möchte das der ganze Ordner den ich angebe, wiedergegeben wird. Habe schon gesucht, aber leider nichts gefunden. Vielleicht kann mir da einer helfen?

XhoanXoroDaxos · 5. November 2014 um 22:56

Hi,

Hi zusammen,

ich baue gerade eine Homepage und suche einen einfachen
Slider, der aus einem Ordner Bilder ausgibt.

Ich gehe mal davon aus, dass du den slide-Effekt meinst, da ein „slider“ im Web-Jargon primär ein numerischen Wert ändert.

Möchte das der
ganze Ordner den ich angebe, wiedergegeben wird. Habe schon
gesucht, aber leider nichts gefunden. Vielleicht kann mir da
einer helfen?

Schau mal hier ob du fündig wirst http://www.jplugins.net/

Ansonsten ist das, ohne großes können, relativ einfach zu implementieren (jquery + jquery-ui oder jquery + bootstrap)
Ansatz 2: Bsp: http://getbootstrap.com/javascript/#carousel

Selbst ohne bootstrap und j-ui ist das mit jquery nicht knifflig…wo hängt es denn?

Gruß XXD

Antoniodc · 6. November 2014 um 19:32

Danke für die schnelle Reaktion und Hilfe.

Da ich vom Programmieren nicht soviel ahnung habe, aber gerne der Mannschaft helfen würde, suche ich einen fertigen Script um die Bilder vom Spieltag einfach durchlaufen zu lassen.

So, dass man dann auch nur die Bilder in diesem Ordner einfach austauschen kann, aber der Slider trotzdem die neuen Bilder anzeigt.

Beste Grüße

Antoniodc · 6. November 2014 um 19:56

Ich habe hier was gefunden, leider mache ich wohl was falsch, da er mir die Bilder nicht anzeigt.

<?php $Pfad = ".";
if($Verzeichniszeiger = opendir($Pfad)) { while($Datei = readdir($Verzeichniszeiger)) { if($Datei != "." && $Datei != "..") { $Bilddaten = getimagesize($Datei); if($Bilddaten[2] == 1 || $Bilddaten[2] == 2 || $Bilddaten[2] == 3) { ?\> <?php }
} } closedir($Verzeichniszeiger); } ?\>

XhoanXoroDaxos · 7. November 2014 um 10:38

Hi,

du kannst dafür die PHP-Funktion glob benutzen. Um jetzt die Dateien in eine Slideshow, Diashow, „schönere Ansicht“ zu verpacken kannst du z.B. colorbox oder fancybox benutzen.

http://www.jacklmoore.com/colorbox/
http://fancybox.net/

Anbei ein simples Beispiel für Colorbox, den Pfad „yourpath“ bitte anpassen (Pfad wo die Bilder auf deinem Server liegen) Colorbox runterladen und entpacken, die colorbox.css den images-Ordner und jquery.colorbox.js ins Rootverzeichnis deiner Anwendung (damit die Datei richtig funktioniert):

<?php $path = $_SERVER['HTTP_REFERER'] . "yourpath/to/your/images";<br />$tmp = "
 $(document).ready(function(){
 $('.imagebox').colorbox({rel:'imagebox', transition:'fade', width:'75%', height:'75%'});
 });
 ";
foreach(glob($path."\*.png") as $filename){
 $tmp .= "";
}
$tmp .= "

Christa · 7. November 2014 um 16:34

Hallo,

Ich habe hier was gefunden, leider mache ich wohl was falsch,
da er mir die Bilder nicht anzeigt.

bevor wir lange weiter suchen …

<?php Das ist ein PHP-Skript, deshalb zuerst die Frage: unterstützt der Provider überhaupt PHP?

Punkt 2: Das Skript ist wohl von der Seite
http://webmasterparadies.de/scripting/php/71-bilder-…

title=500 ist unsinnig, es sollte wohl height=„500“ heißen und title kann dann leer bleiben (bzw. du kannst es auch komplett weglassen), Angabe von height und width ist auch nur dann sinnvoll, wenn alle Bilder dieselben Proportionen haben. Wenn manchen Hochkant und manche quer sind, dann passt es schon nicht.

Und dann die Frage: befinden sich die Bilder tatsächlich im Unterverzeichnis images/Spieltag unterhalb der .php-Datei? Bzw. hast du die Datei überhaupt mit der Erweiterung .php gespeichert?

Auch fehlen zumindest
ganz am Anfang und ganz am Ende (also vor und nach dem von dir übernommenen Quelltext), mit HTML-Spezifikationen will ich dich nicht auch noch verwirren.

Gruß
Christa
|

Antoniodc · 7. November 2014 um 21:09

Danke für die Hilfe.

Also es ist ein 1 und 1 Server der PhP5 kann. Habe die Datei als html gespeichert, nicht als Php. Habe das jetzt als php abgespeichert. Danke an XXD, habe deine Anleitung befolgt, leider kommt das dabei raus:
http://www.directupload.net/file/d/3799/2i3kbe6m_png…

Habe wie in deiner Anleitung, alles in den root verzeichnis gelegt, siehe hier:
http://www.directupload.net/file/d/3799/k5m446sn_png…

Aber wie gesagt, bin nicht der experte, vielleict ist auch das der Grund

Beste Grüße

XhoanXoroDaxos · 8. November 2014 um 02:30

Danke für die Hilfe.

Also es ist ein 1 und 1 Server der PhP5 kann. Habe die Datei
als html gespeichert, nicht als Php. Habe das jetzt als php
abgespeichert. Danke an XXD, habe deine Anleitung befolgt,
leider kommt das dabei raus:
http://www.directupload.net/file/d/3799/2i3kbe6m_png…

Poste mal die komplette Datei hier in einem pre-Tag.

Antoniodc · 8. November 2014 um 16:26

Pre-Tag? Habe die Datein mal hochgeladen. Wie gesagt ich bin nicht der Experte .
http://www.file-upload.net/download-9812038/Spieltag…

und dann die Dateien aus dem http://www.jacklmoore.com/colorbox/

XhoanXoroDaxos · 8. November 2014 um 23:25

Pre-Tag? Habe die Datein mal hochgeladen. Wie gesagt ich bin
nicht der Experte .
http://www.file-upload.net/download-9812038/Spieltag…

Eine HTML-Datei kann keinen php-Code ausführen! D.h du musst erst eimal die Datei als PHP-Datei speichern, also Spieltag.php. Dann kannst du den Code von mir nicht 1 zu 1 übernehmen, da das ein Standalone-Beispiel war. Hier die korrigierte Form in einem pre-Tag (copy->paste und Spieltag.hmtl in .php umbenennen).

]\>



 Bilder 1.Mannschaft
 $(document).ready(function(){
 $('.imagebox').colorbox({rel:'imagebox', transition:'fade', width:'75%', height:'75%'});
 });





















[SF Baumberg e.V.](./index.html) 
 Offizielle Webseite der Damen

Aktueller Spieltag

Mannschaft

Spielbericht

Fotos vom Spieltag

Mannschaft

Spielbericht

Fotos vom Spieltag

Aktueller Spieltag

Mannschaft
Bilder vom Spieltag

<?php $path = "images/Spieltag/";
foreach(glob($path."\*.png") as $filename){ echo "[";}?\> Copyright © 20...](%22.%20%24filename%20.%22)[Jürgen Bierling](http://cms-download.de). Als zusätzlichen Tipp, schau dir mal bootstrap an, damit kann ein Laie in 1-2 Wochen wirklich ganz ansehnliche Webseiten schaffen, um deine Bilder etwas geordneter und besser darzustellen (HTML-Struktur): [http://getbootstrap.com/components/#thumbnails](http://getbootstrap.com/components/%23thumbnails) oder [http://getbootstrap.com/components/#media](http://getbootstrap.com/components/%23media) die Zeit solltest du dir nehmen, um deinem Verein eine "schicke" Webseite zu machen, das ganze ist noch responsive design gratis.

XhoanXoroDaxos · 8. November 2014 um 23:30

Ich vergass…
…wenn deine Bilddateien kein PNG sind sondern z.B. jpeg, dann musst du natürlich die Zeile:

foreach(glob($path."\*.png") as $filename){

in

foreach(glob($path."\*.jpg") as $filename){

ändern (Hinweis: jpg != jpeg && jpg != JPG), also darauf achten.

Antoniodc · 9. November 2014 um 07:46

Danke nochmals.

Aber irgendwie klappt das nicht. Habe alles von dir Kopiert und so gemacht, wie du gesagt hast, leider zeigt er mir keine Fotos an:
http://www.sfb-damen.de/Spieltag.php

Habe wie oben beschrieben, die „jquery.colorbox-min.js“ in das rootverzeichnis und die „colorbox.css“ in das Images verzeichnis. Dazu noch die 3 png Bilder „Border und loading“. Leider passiert da nichts. Was mache ich denn falsch?

Danke für deine Mühe.
Gruß

XhoanXoroDaxos · 9. November 2014 um 11:22

Danke nochmals.

Aber irgendwie klappt das nicht. Habe alles von dir Kopiert
und so gemacht, wie du gesagt hast, leider zeigt er mir keine
Fotos an:
http://www.sfb-damen.de/Spieltag.php

Habe wie oben beschrieben, die „jquery.colorbox-min.js“ in das
rootverzeichnis und die „colorbox.css“ in das Images
verzeichnis. Dazu noch die 3 png Bilder „Border und loading“.
Leider passiert da nichts. Was mache ich denn falsch?

Also 1. Hast du meinen Code nicht eingefügt, zumindest ist er unter dem Link nicht im Quelltext (Uploadfehler?), wenn du das gemacht hast und es kommen keine Bilder stimmt entweder der Pfad nicht oder deine Bilddateien enden nicht auf png.

Schau erst einmal das Spieltag.php genauso auf dem Server aussieht, wie ich dir den Code geschickt habe, weil das tut sie nicht.

Christa · 9. November 2014 um 12:12

Hallo,

er schrieb weiter unten: " Da ich vom Programmieren nicht soviel ahnung habe , aber gerne der Mannschaft helfen würde" … mehr auf http://w-w-w.ms/a5geus

Ich „übersetze“: „ich habe keine Ahnung von Programmieren“.
Daher nehme ich stark an, dass er mit der Schreibweise

(Hinweis: jpg != jpeg && jpg != JPG), also darauf
achten.

wenig bis gar nichts anfangen kann.

Im Klartext für den UP: es ist wichtig, wie deine Dateiendungen sind (also jpg ist nicht das gleiche wie jpeg oder JPG, und schon gar nicht das gleiche wie png ), und ob die groß oder klein geschrieben werden. Dort im Skript, wo Dateiendungen vorkommen, muss diese Endung genauso lauten wie die Endung deiner Dateien, und zwar Buchstabe für Buchstabe.

Gruß
Christa

Antoniodc · 10. November 2014 um 19:06

Hi,

jetzt sehe ich das erst, bei mir steht nicht alles. Dein kopiertes hört ist nur zur Hälfte drin. Deshalb hatte ich das ergänzt, was gefehlt hatte, habe jetzt erst gemerkt, dass die hälfte fehlt.
Siehe hier:
http://www.directupload.net/file/d/3802/slrj2g76_png…

Hast du die Möglichkeit, dass irgenwo anders hochzuladen?

Danke für die Mühe.

Beste Grüße

XhoanXoroDaxos · 11. November 2014 um 00:27

Hast du die Möglichkeit, dass irgenwo anders hochzuladen?

Ad hoc…nein… mach mal copy -> paste (Inhalt im pre-Tag kopieren (rechter Mausklick) -> dann in deiner lokalen-Datei-> aufgerufen in deinem Editor „strg-a“ drücken und dann „strg-v“ -> speichern, hochladen…alles cool!

Danke für die Mühe.

Beste Grüße

Antoniodc · 11. November 2014 um 19:26

Tut mir leid, klappt nicht.
Hier noch einmal die komplette Datei:
]>

Bilder 1.Mannschaft
$(document).ready(function(){
$(’.imagebox’).colorbox({rel:‚imagebox‘, transition:‚fade‘, width:‚75%‘, height:‚75%‘});
});

SF Baumberg e.V.
Offizielle Webseite der Damen

Aktueller Spieltag

Mannschaft

Spielbericht

Fotos vom Spieltag

Mannschaft

Spielbericht

Fotos vom Spieltag

Aktueller Spieltag

Mannschaft
Bilder vom Spieltag

<?php $path = "images/Spieltag/"; foreach(glob($path."*.jpg") as $filename){ echo ""; } ?\> Copyright © 2014 sfb-damen.de. All Rights Reserved. Designed by [Jürgen Bierling](http://cms-download.de). Dazu die jquery.colorbox.js im Root und die colorbox.css und die 3 Bild Datein im Images Ordner. Funktioniert leider nicht. Keine Ahnung was ich falsch mache.

XhoanXoroDaxos · 12. November 2014 um 12:57

Schreib mir mal einen korrekten Bilddateinamen der unter images/Spieltag liegt

Antoniodc · 12. November 2014 um 18:55

z.b. einer der Bilder ist im Ordner http://www.sfb-damen.de/images/Spieltag/DSCF1600.JPG

XhoanXoroDaxos · 12. November 2014 um 23:55

z.b. einer der Bilder ist im Ordner
http://www.sfb-damen.de/images/Spieltag/DSCF1600.JPG

Ändere mal diesen Teil: foreach(glob($path."*.jpg") as $filename) in

foreach(glob($path."\*.JPG") as $filename)

Dann sollte es gehen, da jpg ungleich JPG ist (Groß -und Kleinschreibung wird unterschieden.

Noch was (hat jetzt nichts mit den Bildern zu tun) jquery musst du vor deiner script.js Datei setzen, da diese Datei jquery benötigt und dazu ist die Datei script.js uralt, die benutzt noch „browser“, das ist schon seit jquery 1.3 deprecated und wurde in 1.9 komplett entfernt