ajouter dynamiquement des images à partir d'un dossier

Est-il possible d'utiliser html ou javascript ou quoi que ce soit d'autre pour ajouter toutes les images présentes dans un dossier à la page Web.ajouter dynamiquement des images à partir d'un dossier

Supposons que j'ai 10 images alors au lieu d'écrire dix lignes de code comme

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

etc

une seule ligne de code qui pourrait ajouter toutes les images d'un dossier comme « * .jpg » toutes les images jpg. Je suis nouveau sur les technologies web, et j'ai juste un tel doute.

Toute aide hautement appréciée.

Merci et meilleures salutations

Source

2010-12-12 technocrat

utilisez-vous tout cadre? – crodjer

Le problème avec JS est qu'il est côté client, et pour récupérer les fichiers dans un dossier, vous aurez besoin d'une sorte d'index qui devra être généré côté serveur. –

Comme vous avez dit « ou quoi que ce soit d'autre » Je recommande d'utiliser un bash one-liner pour recueillir des images dans le dossier en cours et les ajouter à un seul fichier, nommé index.html:

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

Ajoutez simplement les balises html manquantes et faites.

EDIT: Vous pouvez utiliser le shell Windows (cmd) ainsi:

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

Source

2010-12-12 15:30:49 philonous

wow, mais quelle langue est-il. et j'ai besoin de fusionner ceci sans écrire

Il est beaucoup plus facile de le faire avec une technologie côté serveur, tels que PHP avec sa fonction glob() et boucle foreach.

Source

2010-12-12 15:17:25

ok. Je ne connais pas php, donc y a-t-il un moyen pas si facile d'utiliser javascript ou html? – technocrat

Lecture sélective frappe à nouveau ... –

la solution php semble être meilleure, car elle ne dépend pas des noms de fichiers.Mais pouvez-vous dire l'implémentation de l'échantillon avec des fichiers jpg. Merci – technocrat

En HTML - no. Mais, si toutes les images sont nommées "1.jpg", "2.jpg", "3.jpg" ... alors vous pouvez créer une boucle javascript.

essayer quelque chose comme:

<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>

Lire ici: http://www.w3schools.com/JS/js_loop_for.asp , et essayer d'apprendre les problèmes de programmation de base, tout comme boucle ..

Source

2010-12-12 15:20:56 taxman

celui-ci fonctionne très bien, mais les noms de fichiers doivent 1,2 ... N'y a-t-il pas d'autre moyen d'utiliser javascript qui peut afficher n'importe quel nombre d'images et ayant n'importe quel nom. Merci – technocrat

Questions connexes

ajouter dynamiquement des images à partir d'un dossier

Répondre

Questions connexes