begin process at 2012 02 15 05:36:49
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > GÉNÉRER UNE GALLERIE D'IMAGES

GÉNÉRER UNE GALLERIE D'IMAGES


 Information sur la source

Note :
1 / 10 - par 3 personnes
1,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Niveau :Débutant Date de création :11/04/2002 Date de mise à jour :11/04/2002 02:28:18 Vu :13 311

Auteur : CrowEye

Ecrire un message privé
Site perso
Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note

 Description

Sur un de mes anciens sites, je voulais faire une galerie d images mais sans me faouler, donc le moyen était d afficher toutes les images d un répertoire :D

Le seul hic c que l on doit avoir les images miniatures de ses images mais bon c pas la mort.

Je vous préviens c basique comme code mais il marche je vous assure :)  

Source

  • <table border=0>
  • <?
  • // Votre dossier où se trouve vos images.
  • $dossier = opendir("GFXwall/Small");
  • $i=0;
  • $temp=1;
  • while ($Fichier = readdir($dossier))
  • {
  • if ( $Fichier != ".." && $Fichier != "." && $Fichier != "" )
  • {
  • if ( $temp == 1 ) { echo '<tr>'; }
  • echo '<td>
  • <a href="GFXwall/Big/'.$Fichier.'"><img src="GFXwall/Small/'.$Fichier.'" border=0 ></a>
  • </td>';
  • if ( $temp == 3 ) { echo '</tr>'; $temp = 0 ;}
  • $temp++;
  • }
  • }
  • closedir($dossier);
  • ?>
  • </table>
<table border=0>

<? 

// Votre dossier où se trouve vos images. 
$dossier = opendir("GFXwall/Small"); 

$i=0; 
$temp=1; 

while ($Fichier = readdir($dossier)) 
{ 

if ( $Fichier != ".." && $Fichier != "." && $Fichier != "" ) 
{ 

if ( $temp == 1 ) { echo '<tr>'; } 

echo '<td> 
<a href="GFXwall/Big/'.$Fichier.'"><img src="GFXwall/Small/'.$Fichier.'" border=0 ></a> 
</td>'; 

if ( $temp == 3 ) { echo '</tr>'; $temp = 0 ;} 

$temp++; 


} 

} 

closedir($dossier); 

?>   

</table>

 Conclusion

Le code va générer des rangées de trois images les unes en dessous des autres grace aux tableaux en html.

Vous devez aussi modifier le lien de la petite image qui vous redirigera vers l original.

J'espere qu'il n'y a pas de source semblable .. recherche "image" & "gallerie" sans succès.

Code provenant du site http://www.funreseau.ht.st ou
plus long http://n-picture.i989.net/bq/structure.php
:-p  


 Sources du même auteur

TIPS: RÉCUPÉRER SON IDENTIFIANT CARAMAIL.
ETAGS, UN GAIN DE TEMPS.
REMPLACER UN MOT DANS UNE PAGE.
PAGING: EXPLICATION BASIQUE.
ACCELERER L'AFFICHAGE DE VOS PAGES

 Sources de la même categorie

Source avec Zip COMPTEUR DE CLIQUE PHP AVEC JQUERY par devgoneti
Source avec Zip LIVRE D'OR SIMPLE (POUR DÉBUTANT) par devgoneti
Source avec Zip SCRIPT TRAVAUX POUR VOTRE SITE par FleuryK
Source avec Zip Source avec une capture EL COYOTOS LIVRE D'OR PHP 5 par elcoyotos
COMPTEUR DE VISITE - FICHIER TXT - CODE MINIMAL par SuperChouquette

Commentaires et avis

Commentaire de OriOn le 11/04/2002 11:18:58 administrateur CS

Salut..
Justement je suis en train de faire un script qui génère une gallerie d'image mais très approfondit... Je le metterais sûrement sur phpcs une fois termine..;

@ ++
OriOn

Commentaire de Steves le 29/04/2002 17:59:44

C beau comme source mais parait-il ,chez moi il s'enfou des animations!?
si c pas le cas dis le moi.

Commentaire de Woodgate2 le 30/03/2003 13:49:30

Le probleme c kan on est comme moi kan on a 900 images sur son site sans min,iatures ! :) lol ca va etre facile ca !

Commentaire de Le Prince Dragon le 12/05/2006 16:43:54

jollie mais il yas des problaime avec lycos leur pub gach tout tout la chootbox
domage

Commentaire de xmag le 01/08/2006 11:48:02

Y a pas la version avec pagination? ;-)

Commentaire de sampoze le 18/08/2011 21:15:46

j'utilise une gallerie defilante verticale sur mon site, ca marche sur forefox, opera,tres bien, mais ca ne fonctionne pas tres bien sur explorer. j'aimerais avoir de l'aide Please.
<title>Images défilant verticalement</title>
   <script type="text/javascript">
   //<![CDATA[
      var pag=["F1","F2","F3","F4","F5","F6"];
      var nIma=pag.length; // nombre d'images
      var yIma=120; // hauteur des images
      var dy=6;     // espace entre les images défilantes
      var lft=10;   // espace à gauche des images
      var yy=dy;    // position de la première image
      var pas=2;    // décalage des images à chaque appel à la fonction Nxt()
      var tim=100;   // temps de pause en millisecondes entre les appels à Nxt()
      var iIma=0,ima=new Array(nIma);
      
      function Nxt() {
         if ((yy-=pas) <= -yIma) {
            ima[iIma++].style.display='none';
            if (iIma >= nIma) iIma=0;
            yy=dy;
         }
         var y=yy,i=iIma,s,h=window.innerHeight;
         if (!h) h=document.documentElement.clientHeight;
         while (y < h) {
            s=ima[i++].style; s.top=y+'px'; s.display='block';
            y+=yIma+dy;
            if (i >= nIma) i=0;
         }
      }
      
      function Clk(i) { // à remplacer par vos propres 'actions'
         window.open('images/'+pag[i]+'.jpg'); // adaptez les autres paramètres d'open
         // UNIX est sensible aux majuscules/minuscules pour les noms de fichier!
      }
      function Ini() {
         var i=0,s='';
         while (i < nIma) s+="<img id='im"+i // images défilantes
            +"' style='position:absolute; left:"+lft+"px; display:none' src='images/"
            +pag[i]+".jpg' onclick='javascript:Clk("+(i++)+")'/>";
         window.document.getElementById('imd').innerHTML = s;
         i=0; s="Selection par le nom:";
         while (i < nIma) {
           s+="<br /><a href='images/"+pag[i]+".jpg'>"+pag[i]+"</a>";
           ima[i]=window.document.getElementById('im'+i++);
         }
         window.document.getElementById('spn').innerHTML=s;
      }
   //]]>
   </script>

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,014 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales