Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
Du solltest ein Upgrade durchführen oder einen alternativen Browser verwenden.
HTML-File zum Anzeigen aller Bilder in einem lokalen Verzeichnis?
- Ersteller Hoeze
- Erstellt am
azereus
Rear Admiral
- Registriert
- Okt. 2007
- Beiträge
- 6.021
versuchs mal mit
http://www.webdeveloper.com/forum/s...ESOLVED-Display-all-images-in-a-set-directory
(suchbegriff bei google: html list image direcoty)
/edit:
seh grad da is php drinn.
willst du das auf nem webhost machen oder auf deinem rechner?
http://www.webdeveloper.com/forum/s...ESOLVED-Display-all-images-in-a-set-directory
(suchbegriff bei google: html list image direcoty)
Code:
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Title</title>
<meta name="language" content="en" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<style type="text/css">
ul li {list-style: none; margin-bottom: 15px;}
ul li img {display: block;}
ul li span {display: block;}
</style>
</head>
<body>
<?php
// open this directory
$myDirectory = opendir("images");
// get each entry
while($entryName = readdir($myDirectory)) {
$dirArray[] = $entryName;
}
// close directory
closedir($myDirectory);
// count elements in array
$indexCount = count($dirArray);
?>
<ul>
<?php
// loop through the array of files and print them all in a list
for($index=0; $index < $indexCount; $index++) {
$extension = substr($dirArray[$index], -3);
if ($extension == 'jpg'){ // list only jpgs
echo '<li><img src="images/' . $dirArray[$index] . '" alt="Image" /><span>' . $dirArray[$index] . '</span>';
}
}
?>
</ul>
</body>
</html>
/edit:
seh grad da is php drinn.
willst du das auf nem webhost machen oder auf deinem rechner?
Zuletzt bearbeitet:
Das ist das Problem: Es muss lokal laufen, d.h. ich öffne die .html im Browser und bekomm alle Bilder untereinander angezeigt.azereus schrieb:seh grad da is php drinn.
willst du das auf nem webhost machen oder auf deinem rechner?
Das geht leider nicht, es wird ein HTML file verlangt.Snooty schrieb:Wie wär's mit einem Thumbnailviewer (Irfanview hat einen dabei)? Der macht ja nichts anderes ...
E
Endriel
Gast
Hoeze schrieb:Das ist das Problem: Es muss lokal laufen, d.h. ich öffne die .html im Browser und bekomm alle Bilder untereinander angezeigt.
Lokal auf deinem PC oder auf verschiedenen Rechnern? Wenn es nur bei dir laufen muss, dann installiere dir einfach einen Apache Server.
Endriel schrieb:Lokal auf deinem PC oder auf verschiedenen Rechnern?
Nein, es muss auf verschiedenen Rechnern (nicht nur meinem) lauffähig sein.
Ginge das mit Javascript?
Vllt. gibts dafür ja ein 0815-Beispielscript (ich kann kein js)...
Zuletzt bearbeitet:
azereus schrieb:ist der pfad zu den dateien wenigsten aus allen rechner der selbe?
Jo, liegt unter ./plots/
Zuletzt bearbeitet:
CapFuture
Lt. Commander
- Registriert
- März 2003
- Beiträge
- 1.332
Per client-seitigem Javascript über alle Dateien in einem Verzeichnis zu gehen, ist nicht möglich/erlaubt. Das dein Client zufällig auch der "Server" ist, ist eher ein Zufall.
Entweder du schreibst eine Desktop Anwendung, eine serverseitige Webanwendung oder verwendest ein Tool, welches deine Anforderungen genügt :/
Entweder du schreibst eine Desktop Anwendung, eine serverseitige Webanwendung oder verwendest ein Tool, welches deine Anforderungen genügt :/
Snooty
Commodore
- Registriert
- Dez. 2012
- Beiträge
- 4.631
Du könntest auch eine kleine Batch-Datei nutzen, die dir eine entsprechende HTML-Datei anlegt. Musst du halt einmal pro Verzeichnis anlegen und aufrufen:
Das ergibt dann eine HTML-Datei wie diese:
Code:
echo ^<html^>^<head^>^</head^>^<body^> > bilder.html
for /f "delims=?" %%i in ('dir /b "c:\plots\*.jpg"') do @echo ^<img src='%%~ni.jpg'^>^<br^> >> "bilder.html"
echo ^</body^>^</html^> >> bilder.html
Das ergibt dann eine HTML-Datei wie diese:
HTML:
<html><head></head><body>
<img src='datei1.jpg'><br>
<img src='datei2.jpg'><br>
<img src='datei3.jpg'><br>
</body></html>
Zuletzt bearbeitet: