Salut !
Voila je recherche un script qui permet d’afficher automatiquement des photo situé dans un dossier sur une page.
Il faut que le script affiche une miniature et lorsqu’on clic sur la miniature ça ouvre une pop up avec la photo en grandeur réel.
Et Lorsque on ajoute une photo dans le dossier elle apparaît automatiquement dans la page.
Et que des réglages soivent possibles genre le nombre de colonne et de ligne…
Je suis en train de faire plusieurs recherches mais je ne trouve aucun script avec mes désirs !
Si quelqu’un a déjà vu un tel script merci de me passer le lien
Merci de votre aide
Bonne soirée/Journée
+++
longbow:
Salut !
Voila je recherche un script qui permet d’afficher automatiquement des photo situé dans un dossier sur une page.
Il faut que le script affiche une miniature et lorsqu’on clic sur la miniature ça ouvre une pop up avec la photo en grandeur réel.
Et Lorsque on ajoute une photo dans le dossier elle apparaît automatiquement dans la page.
Et que des réglages soivent possibles genre le nombre de colonne et de ligne…
Je suis en train de faire plusieurs recherches mais je ne trouve aucun script avec mes désirs !
Si quelqu’un a déjà vu un tel script merci de me passer le lien
Merci de votre aide
Bonne soirée/Journée
+++
Quel est le langage de préférence? (Rajoute le/les dans le titre de ton topic)
Peux tu s’il te plait insèrer le langage dans le titre ?
Ensuite, as tu déjà cherché voir si ça n’existait pas déjà?
PhpWebGallery semble répondre à ton besoin si tu recherches un script en php et que le fait qu’il s’appuie sur une base Mysql ne te pose pas de pb.
Merci sidney_v mais je prefere sans base de donnée
Oui G deja fait plusieur recherche mais a chaque fois il y a quelque chose qui ne va pas.
EN fait jvx uniquement les photo sur la page et rien dautre ( pas de design )
salut!! j’ai un script qui je crois repond a tes besoins. Si t’es toujours interessé contact moi a cette @ madouat@gmail.com
voila c’est fait depuis hier
j’attend ta reponse…
Gooom
Novembre 17, 2005, 2:28
8
voila (avec pagination)
<?php
$nbr_colonne = 2;
$nbr_ligne = 3;
$RepPetiteImages = "photos/p/";
$RepGrosseImages = "photos/g/";
function GetFileList( $dirname="." ) {
$files = array();
$dir = opendir( $dirname );
while( $file = readdir( $dir ) ) {
if (ereg("jpg$",$file) || ereg("JPG$",$file) ||
ereg("jpeg$",$file) || ereg("JPEG$",$file) ||
ereg("png$",$file) || ereg("PNG$",$file) ||
ereg("gif$",$file) || ereg("GIF$",$file)
) {
$files[] = $file;
}
}
sort($files);
return $files;
}
echo "<table border=\"0\" align=\"center\" cellspacing=\"0\" cellpadding=\"6\"> \n";
$imagelist = GetFileList($RepGrosseImages);
$nbr_par_page = $nbr_colonne * $nbr_ligne;
$nbr_tot = count($imagelist);
$debut = 1;
$j = 1;
$fin = $nbr_par_page;
if (!isset($ppage))
{
$ppage=1;
}
for($i=$debut; $i < $nbr_tot +1; $i++)
{
$image = $imagelist[$i-1];
$size = getimagesize("$RepPetiteImages$image");
$width = $size[0];
$height = $size[1];
$page = ceil($i/$nbr_par_page);
$tpage[$i] = $page;
if ($page == $ppage)
{
if ($j == 1) echo "<tr> \n";
echo " <td> \n";
echo " <a href='$RepGrosseImages$image' target='_blank'> \n";
echo " <img src='$RepPetiteImages$image' width='$width' height='$height' border='0' alt=''/> \n";
echo " </a> \n";
echo " </td> \n";
if ($j == $nbr_colonne)
{
echo "</tr> \n";
$j = 1;
}
else
{
$j = $j + 1;
}
}
}
echo "</table> \n";
echo "<br/> \n";
echo "<div align='center'><b> \n";
$sval = -1;
while (list ($key, $val) = each ($tpage)) {
if ($sval != $val)
{
if ($val == $ppage)
echo "[<a href='".$_SERVER['PHP_SELF']."?ppage=$val'><font color='red'>$val</font></a>] ";
else
echo "[<a href='".$_SERVER['PHP_SELF']."?ppage=$val'>$val</a>] ";
$sval = $val;
}
}
echo "\n</b></div>";
?>
Merci !
Mais est ce que tu a un exemple (page demo) ?
En fait le principe de l’algo est ultra simple, tu liste tout ce qui a une forme *.jpg avec une expression réguliere, tu met ca dans un conteneur avantageux (tableau, liste …) et tu fait un bête parcour. Ensuite il ne te reste plus qu’à déterminer la mise en page avec echo. Je n’ai pas jetté un coups d’oeil approfondis dans la routine php de Gooom mais ca m’as l’air pas mal.
P_uLo
Novembre 23, 2005, 9:36
11
A tu testé javascript
un truc dans le style
// Création de la pseudo-popup :
fe=’<div id=“pop” style=“position:absolute;left:3px;top:3px;display:none;z-index:200;background-color:#FFF ;border:3px outset;’
//ajoute une ombre pour IE seulement
fe+='filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#63421b,strength=6)”>’
fe+=’<div id=“tet” onmousedown=“dx=px-gdim.offsetLeft;dy=py-gdim.offsetTop;drag=1;” onmouseup=“drag=0” style=“cursor:move;background-color:maroon;line-height:18px;color:white;font-size:12px;padding:0 20px 0 .5em;font-family:cursive;”>’
fe+=‘entête<img title=" Fermer " src=“images/croix.gif” onclick=“voirSelect(\‘visible\’);gdim.style.display=\‘none\’” height=“14” width=“16”’
fe+=‘style="cursor:default;position:absolute;margin:1px;right:0;top:0; " /></div></div>’
function initLienImg(){
db=!D.documentElement.clientWidth?D.body:D.documentElement //quirk IE6
gdim=D.getElementById(‘pop’); lx=D.getElementById(‘tet’)
addEvent(D,“mousemove”,controle_position)
elem=document.getElementsByTagName(‘select’);
//création de l’image
im1=D.createElement(“img”);gdim.appendChild(im1);
with(im1.style){border=0;margin=“1px”;}
//écriture des évènements
l=D.getElementsByTagName(‘a’);
for(var i=0;i<l.length;++i){
//ajoute onclick=grdimg dans liens image avec extention .jpg ou .JPG
result=l[i].href.search(/jpg$|JPG$/);
if(result!=-1){l[i].onclick=grdimg;}
}
}
function controle_position(e){
sx=gk?pageXOffset:db.scrollLeft; //scroll h
sy=gk?pageYOffset:db.scrollTop; //scroll v
px=gk?e.pageX:event.clientX+sx; //curseur x
py=gk?e.pageY:event.clientY+sy; //curseur y
if(drag)with(gdim.style){left=px-dx+“px”;top=py-dy+“px”;}
return false
}
//Renvoi image et title dans le calque.
function grdimg(){
fx=gk?innerWidth-20:db.clientWidth //l fenêtre
fy=gk?innerHeight:db.clientHeight //h fenêtre
//charge l’image dans le cache du navigateur.
im=new Image();im.src=this.href;
//l’affiche en grandeur réduite repositionnée.
with(gdim.style){display=“block”;top=sy+2+‘px’};
with(im1){src=im.src;width=height=100};
if(!cr)cr=gdim.offsetHeight-127;
if(gk)im1.style.marginBottom=-cr+“px”;//correction Gecko
//montre le message d’attente.
lx.firstChild.data=“patientez svp”;
//colore le lien comme visité, récupère le message title
this.style.color=D.vlinkColor;txt=this.title;
//Lance le controle de chargement
actif=setTimeout(‘controleChargement()’,100)
//désactive l’action normale du lien HTML
;return false
}
//controle du chargement de l’image
function controleChargement(){
//éxécute imgOK quand c’est terminé
im.complete?imgOK():
//sinon relance le contrôle toutes les 100 ms
actif=setTimeout(‘controleChargement()’,100)
}
function imgOK(){ // image chargée.
clearTimeout(actif);lx.firstChild.data=txt;
//L’image ne dépasse pas la fenêtre:
if(im.width>=fx){im.height*=(fx-20)/im.width;im.width=fx-20;}
if(im.height>=fy){im.width*=(fy-30)/im.height;im.height=fy-30;}
//applique les dimensions recalculées à l’image.
im1.width=im.width;im1.height=im.height;
voirSelect(‘hidden’)
}
// bug ie corrigé : cache les <select>
function voirSelect(v){
if(!gk){for(i=0;i<elem.length;i++)elem[i].style.visibility=v;}
}
function addEvent(obj,evType,fn,capt){ // ajoute un événement sans écraser l’éxistant.
if(obj.addEventListener){obj.addEventListener(evType,fn,capt);return true;} // NS6+
else if(obj.attachEvent)obj.attachEvent(“on”+evType,fn) // IE 5+
else {return false;}
}
// initialisation
D=document;gk=window.Event?1:0/Gecko /;
dx=dy=e=drag=cr=0
addEvent(window,“load”,initLienImg)
D.write(fe)
tu peux voir ce que ça donne par ici