Générer une gallerie d'images

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 444 fois - Téléchargée 30 fois

Contenu du snippet

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 / Exemple :


<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

A voir également

Ajouter un commentaire Commentaires
Messages postés
2
Date d'inscription
samedi 11 novembre 2006
Statut
Membre
Dernière intervention
18 août 2011

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+="";
window.document.getElementById('imd').innerHTML = s;
i=0; s="Selection par le nom:";
while (i < nIma) {
s+="
"+pag[i]+"";
ima[i]=window.document.getElementById('im'+i++);
}
window.document.getElementById('spn').innerHTML=s;
}
//]]>
</script>
Messages postés
23
Date d'inscription
mercredi 23 juillet 2003
Statut
Membre
Dernière intervention
11 juin 2007

Y a pas la version avec pagination? ;-)
Messages postés
24
Date d'inscription
mercredi 12 avril 2006
Statut
Membre
Dernière intervention
26 janvier 2007

jollie mais il yas des problaime avec lycos leur pub gach tout tout la chootbox
domage
Messages postés
17
Date d'inscription
dimanche 30 mars 2003
Statut
Membre
Dernière intervention
17 novembre 2006

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 !
Messages postés
15
Date d'inscription
lundi 25 mars 2002
Statut
Membre
Dernière intervention
16 octobre 2007

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

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.