dynamisch Bilder aus einem Ordner hinzufügen

Gibt es eine Möglichkeit, entweder HTML oder Javascript oder irgendetwas anderes, um alle Bilder in einem Ordner auf der Webseite hinzufügen.dynamisch Bilder aus einem Ordner hinzufügen

Angenommen, ich habe 10 Bilder dann anstelle des Schreibens zehn Zeilen Code wie

<img src="1.jpg"/> 
<img src="2.jpg"/> 
. 
. 
.

etc

nur eine einzige Zeile Code, der alle Bilder aus einem Ordner wie „* .jpg“ hinzufügen könnte Alle JPG-Bilder. Ich bin neu in Webtechnologien und habe solche Zweifel.

Jede Hilfe sehr geschätzt.

Vielen Dank und beste Grüße

Quelle

2010-12-12 technocrat

verwenden Sie einen Rahmen? – crodjer

Das Problem mit JS ist, dass es Client-Seite ist, und um die Dateien in einem Ordner abzurufen, müssen Sie eine Art Index haben, der serverseitig generiert werden muss. –

Wie Sie gesagt haben „oder irgendetwas anderes“ Ich würde empfehlen, eine mit bash Einzeiler für Bilder im aktuellen Ordner und fügen sie sie in einer einzigen Datei mit dem Namen index.html sammeln:

for i in *.jpg; do echo "<img src='$i' />" >> index.html; done;

Fügen Sie einfach die fehlenden HTML-Tags hinzu und fertig.

EDIT: Sie können die Windows-Shell (cmd) als auch verwenden:

FOR %i IN (*.JPG) DO ECHO ^<img src="%i" /^> >> index.html

Quelle

2010-12-12 15:30:49 philonous

wow, aber welche Sprache ist es. und ich muss dies ohne schreiben

Es ist viel einfacher, dies zu tun mit einer serverseitigen Technologie wie PHP mit seiner glob() Funktion und foreach Schleife.

Quelle

2010-12-12 15:17:25

ok. Ich weiß nicht, PHP, also gibt es keine so einfache Art und Weise mit Javascript oder HTML? – technocrat

Selektives Lesen schlägt wieder ... –

Die PHP-Lösung scheint besser zu sein, denn es hängt nicht von den Dateinamen ab. Aber können Sie die Beispiel-Implementierung mit JPG-Dateien sagen. Danke – technocrat

In HTML - Nr.

Aber, wenn alle Bilder als "1.jpg", "2.jpg", "3.jpg" benannt werden ... so können Sie eine Javascript-Schleife erstellen.

versuchen so etwas wie:

<html> 
<body> 
<script type="text/javascript"> 
var i=0; 
for (i=0;i<=5;i++) 
{ 
document.write("<img src=\"" + i + ".jpg\"/>"); 
document.write("<br />"); 
} 
</script> 
</body> 
</html>

hier lesen: http://www.w3schools.com/JS/js_loop_for.asp , und versuchen, grundlegende Fragen zur Programmierung lernen, wie Looping ..

Quelle

2010-12-12 15:20:56 taxman

dieser funktioniert gut, aber die Dateinamen müssen 1,2 ... Gibt es keine andere Möglichkeit, Javascript zu verwenden, das beliebig viele Bilder anzeigen kann und einen beliebigen Namen hat? Danke – technocrat

Verwandte Themen

dynamisch Bilder aus einem Ordner hinzufügen

Antwort

Verwandte Themen