Eskualdun Arranoak

Quoi de neuf sur le site ?

Le club des "Aigles Basques"

Code pour afficher les images et les diapos

Affichage simple d'une série d'images

Images encadrées qui se suivent :

Les images doivent avoir un nom constitué d'un préfixe commun (par exemple "funcopter_largage_3_"), suivi d'un numéro à n chiffres. Renseigner chaque variable et indiquer le nombre de chiffres dans l'indice de l'image à la ligne "$j =...".

<?php
  $dossier = "images/activites/2011-04-10_funcopter_largage_mini-ailes/";
  $prefixe_images = "funcopter_largage_3_";
  $format_images = ".jpg";
  $nb_photos = 9;
  $titre = "Largage aile Funcopter Pascal Episode IIc 10/04/2011";
  echo "\n";
  for ($i=1;$i<=$nb_photos;$i++) {
    $j = sprintf("%02d",$i); // Indiquer ici le nombre de chiffres dans l'indice de l'image
    echo "    <img  class=\"image_encadree\" src=\"".$chemin.$dossier.$prefixe_images.$j.$format_images."\" alt=\"[".$titre."]\" title=\"".$titre."\" />\n";
  }
?>

Affichage d'images en mode diaporama

Afficher une série de miniatures sur lesquelles on peut cliquer pour afficher le diaporama :

Cela permet d'agrandir les images. Les miniatures peuvent être en largeur 80px (s'il y a beaucoup d'images à afficher) ou 380px (2 image maxi dans la largeur de la page). Les photos agrandies peuvent être très grandes (800px, 1024px ou plus), elles s'adapteront à la largeur de la fenêtre du navigateur.

<div class="contenu_articles">
<?php
  $dossier = "images/activites/2011-03-06_bell47_philippe1/";
  $prefixe_images = "2011-03-06_bell47_philippe1_";
  $prefixe_miniatures = "2011-03-06_bell47_philippe1_min_";
  $format_images = ".jpg";
  $nb_photos = 20;
  $titre = "Bell47 Philippe n°1 06/03/2011";
  echo "\n";
  for ($i=1;$i<=$nb_photos;$i++) {
    $j = sprintf("%02d",$i); // Indiquer ici le nombre de chiffres dans l'indice de l'image
    echo "    <a href=\"".$chemin.$dossier.$prefixe_images.$j.".jpg\" rel=\"zoombox[".$titre."]\" title=\"Diapo ".$i."\"><img src=\"".$chemin.$dossier.$prefixe_miniatures.$j.$format_images."\" alt=\"Miniature ".$i."\" /></a>\n";
  }
?>
</div>

Réalisation : Infos techniques et statistiques des connexions.
Merci à Elephorm et Alsacréations © 2008 pour la mise en page ainsi qu'à Thomas D. (Développeur web, Verviers - Belgique) pour le "menu accordéon"