Insérer un dossier image en HTML

poulpe3 -  
avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,

je débute en HTML et je voudrais insérer dans une page pas une mais 50 images, toutes dans un meme dossier. Je voudrais savoir si il n'y a pas un code pour insérer tous ça d'un coup au lieu de les appeler une par une et de devoir taper leurs nom a chaque fois.

merci d'avance

1 réponse

  1.
    avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Salut,

    Avec du PHP, tu peux lister un répertoire pour récupérer les noms des fichiers un par un.
    Et dans la boucle, il suffit d'écrire le code HTML. 

    <?php
$dh = opendir('images'); // Remplacer images par le nom du dossier

while(($filename = readdir($dh)) !== false) {
    if($filename != '.' && $filename != '..') {
        echo '<img src="images/'.$filename.'" alt="Image" />';
    }
}
    0
    1. poulpe3
       
      ça marche pas...mais merci quand même
      0
    2. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      As-tu renommer ta page en .php ?
      Il faut lancer le script via un serveur Web, en passant par HTTP.
      Et je n'ai pas fermé le script : ajoute « ?> » à la fin, après « } »
      0
    3. poulpe3
       
      pour moi le php c'est trop compliqué... c'est gentil d'avoir essayé mais je n'y arrive pas, je préfère le html...
      0
    4. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      En HTML seulement, c'est impossible.
      C'est possible en Javascript, mais alors il faudra que le nom de tes fichiers suive une certaine logique.
      Par exemple : image1.jpg image2.jpg image3.jpg ...
      Par contre, tu devras modifier le JS pour à chaque fois indiquer le nom d'image.

      Tandis qu'avec le PHP, tu les nommes comme tu veux, et la mise à jour est automatique.
      Puis le code, je te l'ai donné, il suffit de le mettre dans ta page, la renommer en .php et la balancer sur ton serveur.
      0
    5. Utilisateur anonyme
       
      "!==" ???
      0