[WebGenerAction] Walma'Clic une galerie multi-fonction en un clic : 1mn

menucool GRAND Affichage

Interaction Collectuelle & Génération Automatique

Walma'Clic une galerie multi-fonction en un clic : 1mn

mercredi 3 décembre 2003, par Walk CopID, Alm

dans la meme rubrique...

Plaidoyer pour la liberté de navigation

Web français et autre : La politique de la terre brulée

viruspam la cata, ou la guerre des machines

11 septembre ATTENTAT POÉTIQUE

MiniZik intégrable, module musique JukeBox hyper facile à installer

thèmes abordés...

base interactive simple
Wiki : Tags sur le web !
Webzines réellement participatifs
Un misérable échec qui nous en Bush un coin
Fil Info : 20.000 liens sous les ders
Le Retour de la Vengeance du cadavre

création simple de site
Révolution : Hébergement site wiki gratuit sans pub sur CafeWiki.org en 2 mn
WikiWig et Générateur de pages web enfantin
Personnaliser son WikiBabe
WikiBabe Mon BabySite
Logz, une nouvelle révolution en marche ?
Sesame open, les squelettes universels SPIP etc. : 2mn
Sesame ouvre un WikiWoow : 2mn
Sésame, ouvre ton site de rêve !
Espace collaboratif Mayetic : 5mn
Journal intime en 10 secondes
Xoops ou Portix ?
Un wiki perso associé en 30 secondes
Offrez ou montez votre page web en 0 seconde (Si Si)

générateur interactif
Excite : Moteur Sites Sons & Images
Linterweb : l'envers du moteur
Monochat : Annonce interactive sur votre site
Mon site Web N'a pas de Prix !
Clé des mots-clés
Le Générateur de Biographies
RMI / RMA : MOBILISATION
Interaction géographique : x-map
Boomtchak : MotPourTous ?
MiniClip en stock
Une astuce anti spam
Générateur de préoccupations d'actualité
Générateur d'alerte cookies
Générateur de Caricatures

Walma est une galerie diaporama zoom infini automatique initialement créée pour combler une lacune du système de publication Spip. Devant l'intérêt suscité par cette solution qui ne bénéficiait jusqu'à présent qu'à Spip, voici une solution universelle, et enfantine à installer et à utiliser.

Voyez notre exemple ici :

http://testgalerie.aurange.net/walmaclic/

Pour y ajouter vos images validez simplement le pass par défaut : walma.

Walma'Clic a été testé sur Free, Lycos, Levillage.

On envoit un fichier unique dans un dossier, pas besoin de base de données, et ce dossier devient un album d'images jpg gif ou png en téléchargeant celles-ci une par une en ligne ou en envoyant tout d'un coup dans le dossier en FTP.

Vous ne trouverez pas plus facile et pratique sur le web. Mais pas de textes ici, le nom du fichier est la seule explication.

Recopiez les codes ci-dessous dans un fichier texte que vous renommerez index.php, envoyez-le sur votre site dans un dossier galerie ou album1 ou MesVacances etc. Mettez ce dossier en CHMOD777 (Clic-droit Attributs Tout cocher, pour autoriser l'écriture publique pour le téléchargement).

C'est fini, allez sur votre galerie à l'adresse :

http://votresite.org/galerie/

Lisez éventuellement le haut du fichier pour modifier certaines caractéristiques. En particulier vous pourriez vouloir modifier le mot de passe pour ne pas autoriser le téléchargement par les visiteurs.

Si vous souhaitez aller plus loin, demandez on vous aiguillera.

<?
// Walma Clic CopyID copie modification libre non marchande - WebGenerAction Dec.2003 (c) Walk & Alm

$pass = "walma"; // MODIFIER ICI le mot de passe pour empecher l'accès au TELECHARGEMENT DE GALERIE. Choisir "tous" pour ouvrir sans formulaire
$urlsite = "";  // INDIQUER ICI l'adresse du site comme http://site.org (pour Lycos ifrance etc) si les formulaires font une erreur (404)
$lvm=120;       // INDIQUER largeur vignettes max
$hvm=100;       // INDIQUER hauteur vignettes max
$colbh=5;       // INDIQUER nb colonnes de vignettes menu B et H
$ligdg=4;       // INDIQUER nb lignes   de vignettes menu D et G
$colvign=5;     // INDIQUER nb de colonnes en menu vignettes (mosaclic)
$ligvign=3;     // INDIQUER nb de lignes   en menu vignettes (mosaclic)

if (!$menu) $menu = 'gauche'; // CHOIX MODE-MENU par défaut à l'ouverture (bas haut droite gauche vignettes image)
if (!$debut_img)  $debut_img = 0;
if (!$debut_vign) $debut_vign = 0;
if ($urlsite == "") $urlsite = "http://".str_replace( strrchr($_SERVER['HTTP_HOST'], "/") ,"", $_SERVER['HTTP_HOST'] ).str_replace( strrchr($PHP_SELF, "/") ,"", $PHP_SELF )."/"; // adresse absolue complete du dossier parent
//$SELF = basename($_SERVER["PHP_SELF"], ".php");
$collign=$colvign*$ligvign;

$cook = "walmaclic";
if ($login) setcookie($cook,$login,time()+86400*365);
if ($pass=="tous") setcookie($cook,"tous");
if ($logout) setcookie($cook);

$objets=array();
   $racine="./";
   $fichiers=opendir($racine);
   while ($fichier=readdir($fichiers)) {
      if( ($fichier !='..') and ($fichier !='.') and ($fichier !='index.php') and (  substr($fichier, -3)=="jpg" OR substr($fichier, -3)=="gif" OR substr($fichier, -3)=="png" )  ) {
          $objets[] = $fichier;
      }
   }
   closedir($fichiers);
   sort($objets);
   reset($objets);
   $nb_vigns=count($objets);
   if ($nb_vigns==0) echo "Téléchargez-ci-dessous votre première image";

echo "<HTML>";
echo "<HEAD>";
echo "<title>Galerie Walma Clic</title>";
echo "<meta http-equiv='Page-Exit' content='blendTrans(Duration=1.0)'>"; // fondu-enchainé
echo "<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>";
echo "<STYLE type=text/css>";
echo " BODY{font-family:Verdana; font-size:90%; color:#000000; background:#CCCCCC url(_menus/fondwalma.gif) repeat fixed;scrollbar-face-color: #000000; scrollbar-shadow-color: #99FFCC; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #0099FF; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #AAAAAA; scrollbar-arrow-color: #99FFCC; }";
echo " a:link    { text-decoration:none; font-style:normal;font-size:90%; font-weight:normal; color:#0000FF; background-color:transparent; }";
echo " a:visited { text-decoration:none; font-style:normal;font-size:90%; font-weight:normal; color:#000066; background-color:transparent; }";
echo " a:hover   { text-decoration:'underline overline'; font-style:normal; font-size:90%; font-weight:normal; color:#0033FF; background-color:#AAAAAA; }";
echo " a:active  { text-decoration:none; font-style:normal;font-size:90%; font-weight:normal; color:#FF0000; background-color:transparent; }";
echo " a.offsite { text-decoration:underline; font-style:normal;font-size:90%; font-weight:bold; color:#006600; background-color:transparent; }";
echo "</STYLE>";
?>
<script language='JavaScript' type='text/JavaScript'>
<!--
function popup(photo, titre, largeur, hauteur) { // galerie Walma CopyID libre non marchand

var largeurecran=screen.width
  var hauteurecran=screen.height
  var largeuraffichee
  var hauteuraffichee
      largeuraffichee=largeurecran;
      hauteuraffichee=largeurecran*(hauteur/largeur);
  if (hauteuraffichee>=hauteurecran) {
      largeuraffichee=hauteurecran*(largeurecran/hauteuraffichee);
      hauteuraffichee=hauteurecran;
  }
  largeuraffichee=Math.ceil(90*largeuraffichee/100)  // on prend 90% pour pas dépasser, et valeur entière
  hauteuraffichee=Math.ceil(90*hauteuraffichee/100)  // on prend 90% pour pas dépasser, et valeur entière

var top=(screen.height-hauteuraffichee)/2;
  var left=(screen.width-largeuraffichee)/2;

var contenu="<html><head><title>"+titre+"</title></head><body topmargin='0' leftmargin='0'><p><a href='javascript:self.close()'><img border='0' src='"+photo+"' width='"+largeuraffichee+"' height='"+hauteuraffichee+"' alt='CLIC POUR FERMER Aff:"+largeuraffichee+"x"+hauteuraffichee+" Réel:"+largeur+"x"+hauteur+" Ecran:"+largeurecran+"x"+hauteurecran+"'></a><div id='Layer1' style='position:absolute; z-index:1; left: 2; top: 2'><font size='1' color='red' face='Comic Sans MS, Verdana, Arial, Helvetica, sans-serif'>clic pour fermer</font></div></p></body></html>";
  var fenetre=open("","","title="+titre+",resizable=yes, top="+top+", left="+left+", width="+largeuraffichee+", height="+hauteuraffichee+"");
  fenetre.document.write(contenu);
}
//-->
</script>
<?
echo "</HEAD>";
echo "<BODY leftmargin='0' rightmargin='0' topmargin='10'><CENTER>";
echo "<a name='haut'>";

echo "<table width='95%' cellpadding='0' cellspacing='0' border='0'  valign='top'><tr>";
echo "<td bgcolor='#666666' width='50%' align='left' valign='middle'>";
echo "<font size='2'>&nbsp;";
echo "<a href='".$PHP_SELF."#haut' title='Retour au standard'>@</a>&nbsp;";
if ($menu=='bas')       { echo "<font color='red'>.</font>"; }
echo "<a href='".$PHP_SELF."?menu=bas&debut_img=".$debut_img."&debut_vign=".$debut_img."#haut' title='Image en bas'>B</a>&nbsp;";
if ($menu=='haut')      { echo "<font color='red'>.</font>"; }
echo "<a href='".$PHP_SELF."?menu=haut&debut_img=".$debut_img."&debut_vign=".$debut_img."#haut' title='Image en haut'>H</a>&nbsp;";
if ($menu=='droite')    { echo "<font color='red'>.</font>"; }
echo "<a href='".$PHP_SELF."?menu=droite&debut_img=".$debut_img."&debut_vign=".$debut_img."#haut' title='Image à droite'>D</a>&nbsp;";
if ($menu=='gauche')    { echo "<font color='red'>.</font>"; }
echo "<a href='".$PHP_SELF."?menu=gauche&debut_img=".$debut_img."&debut_vign=".$debut_img."#haut' title='Image à gauche'>G</a>&nbsp;";
if ($menu=='vignettes') { echo "<font color='red'>.</font>"; }
echo "<a href='".$PHP_SELF."?menu=vignettes&debut_img=".$debut_img."&debut_vign=".$debut_img."#haut' title='".$collign." Vignettes par page, ouverture en nouvelle fenêtre au format écran maximum'>MosaClïc</a>&nbsp;";
if ($menu=='image')     { echo "<font color='red'>.</font>"; }
echo "<a href='".$PHP_SELF."?menu=image&debut_img=".$debut_img."&format=2&diapo=5000#haut' title='Diaporama automatique 5s++3s ou image par image manuel, Autozoom ou ++--10% ou taille réelle'>DiapoZoom</a>&nbsp;";
echo "</font>";
echo "</td>";

echo "<td bgcolor='#666666' width='50%' align='right' valign='middle'>";

if ($menu=='bas' OR $menu=='haut' OR $menu=='droite' OR $menu=='gauche') echo "<font size='2'>&nbsp;</font></td></tr></table><TABLE WIDTH='95%' CELLPADDING='0' CELLSPACING='0' BORDER='0'  valign='top'><tr>";
if ($menu=='bas')    echo "<td align='center' width='100%' bgcolor='#666666' valign='bottom'>";
if ($menu=='haut')   echo "<td align='center' width='100%' bgcolor='black'   valign='middle'>";
if ($menu=='droite') echo "<td align='center' width='30%'  bgcolor='#999999' valign='middle'>";
if ($menu=='gauche') echo "<td align='center' width='70%'  bgcolor='black'   valign='middle'>";

if ($menu=='vignettes') { // mosaclic

echo "<font color='#AAAAAA' size='1'>Clic pour ouvrir en taille réelle</font><font size='2'>&nbsp; &nbsp;</font>";
VignsPrecSuiv ($collign,$nb_vigns,$menu,$debut_vign,$debut_img,$SELF); // 15 somme BOUCLES

echo "&nbsp;";
echo "</td></tr></table>";

echo "<table width='95%' cellpadding='0' cellspacing='0' border='0'  valign='top'><tr>";
echo "<td width='100%' align='center' valign='middle'>";
                  echo "<table width='100%' border='2' bordercolor='black' bordercolordark='white' cellspacing='2' cellpadding='2'>";
//for ($numimage=$debut_image;  $numimage>=$debut_vign && $numimage < $nb_vigns;  $numimage++)
//                  echo  "-".$numimage."-".$debut_vign."-".$li."-".$im."-".$nb_vigns."-<br>";
 $numimage=$debut_vign;
 $lig=0;
 while ($lig < $ligvign) {
        echo "<tr>";
        $col=0;
        while (  ($col < $colvign) && ($numimage>=$debut_vign) && ($numimage<$nb_vigns) ) {
                $urlimage=$objets[$numimage]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
                $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
                $lv = $largeur; $hv = $hauteur; //  max hvm et/ousinon max lvm
                if ($hauteur > $hvm){ $lv = ceil($hvm*$largeur/$hauteur); $hv = $hvm; }
                if ($lv > $lvm){ $hv = ceil($lvm*$hauteur/$largeur); $lv = $lvm; }

echo "<td bgcolor='black' width='20%' align='center' valign='middle'>";

?><a href=" javascript:popup('<?php echo $urlimage; ?>','<?php echo $nomimage; ?>','<?php echo $dim[0]; ?>','<?php echo $dim[1]; ?>')"><?
                echo "<img src='".$urlimage."' width='".$lv."' height='".$hv."'  alt='".@filesize($urlimage)." octets Réel: ".$largeur." x ".$hauteur." Affiché: ".$lv." x ".$hv." - Clic pour ouvrir en PopUp et taille maximisée écran'></a>";
                echo "<font size='2'>";
		echo "<br><b><A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle'><font color=teal>".$nomimage."</font></A></b><br>";
	        echo "</font>";

echo "</td>";

$numimage++;
                $col++;
        }
        echo "</tr>";
        $lig++;
 }

echo "</table>";

}
if ($menu=='image') { // diapozoom

if ($debut_img == $nb_vigns - 1){
 	$isuiv = 0;
     }else{
 	$isuiv = $debut_img + 1;
     }
     if ($debut_img == 0){
	$iprec = $nb_vigns - 1;
     }else{
 	$iprec = $debut_img - 1;
     }
     $debut = $debut_img + 1;
     $zoomp=$format+10;
     $zoomm=$format-10;
     echo "<font size='2'>";

echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$iprec."&format=".$format."#haut' title='Image précédente Retour en Manuel'> << </a>";
     echo "<a href='".$PHP_SELF."?menu=".$menu."&format=".$format."#haut' title='Retour'>[".$debut."/".$nb_vigns."]</a>";
     echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$isuiv."&format=".$format."#haut' title='Image suivante et Retour en Manuel'> >> </a>";
     echo "&nbsp;&nbsp;&nbsp;";
     if ($format == 2) { // autozoom
           echo "<font color='#EEEE00'>[AUTO]</font>&nbsp;";
           echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$debut_img."&format=0#haut' title='Zoom manuel via taille réelle'>[-//+]</a>";
     }
     if (!$format OR $format == 0 OR $format <=-10 OR $format >=10) { // zoom 1/1 ou +-
           echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$debut_img."&format=2#haut' title='Zoom automatique (H300 L400 si 200>H>400 et 200>L>600)'>[AUTO]</a>&nbsp;";
           echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$debut_img."&format=".$zoomm."#haut' title='Diminuer zoom -10%'>[-]</a>&nbsp;";
           echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$debut_img."&format=".$zoomp."#haut' title='Augmenter zoom +10%'>[+]</a>";
     }
     echo "&nbsp;&nbsp;&nbsp;";
     if ($diapo) {
           if ($ralentir) $diapo=$diapo+$ralentir; $delai=$diapo/1000;
           echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$isuiv."&format=".$format."&diapo=".$diapo."&ralentir=3000#haut' title='Diaporama automatique ".$delai." secondes - RALENTIR +3s à chaque clic'><font color='#FFCC00'>[ON]</font></a>&nbsp;";
           echo "<a href='".$PHP_SELF."?menu=image&debut_img=".$debut_img."&format=".$format."#haut' title='Arrêt sur image'><font color='#660000'>[OFF]</font></a>";
           $diapo=$diapo;
  ?>
  <script language="JavaScript">
  timer=setTimeout("document.location = '<? echo $PHP_SELF; ?>?menu=<? echo $menu; ?>&debut_img=<? echo $isuiv; ?>&format=<? echo $format; ?>&diapo=<? echo $diapo; ?>#haut' ", <? echo $diapo; ?>)
  </script>
  <?
     } else {
           echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$isuiv."&format=".$format."&diapo=5000#haut' title='Diaporama RELANCER ou RALENTIR+3s à chaque clic'>[ON]</a>&nbsp;";
           echo "<font color='#EEEE00'>[OFF]</font></a>&nbsp;";
     }
     echo "&nbsp;&nbsp;";

echo "</td></tr></table>";
echo "<table width='95%' cellpadding='0' cellspacing='0' border='0'  valign='top'><tr>";
echo "<td width='100%' align='center' valign='middle'>";

echo "<table width='100%' border='2' bordercolor='black' bordercolordark='white' cellspacing='2' cellpadding='2' align='center' valign='middle'><tr>";
		echo "<td bgcolor='black' width='100%' align='center' valign='middle'>";

$urlimage=$objets[$debut_img]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
        $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
        if ($format >=10 OR $format <=-10 OR !$format) {
             $largeur = $largeur + ($largeur*$format/100);
             $hauteur = $hauteur + ($hauteur*$format/100);
        }
        if ($format == 2) { // autozoom L400 si 200>L>600 et/oubien H300 si 200>h>400
             if ($largeur < 200 OR $largeur > 600){
                $xl = 100 * (400-$largeur) / $largeur;
                $xh = $hauteur;
                $hauteur = $hauteur * 400 / $largeur;
                $largeur = 400;
                if ($hauteur >= 200 AND $hauteur <= 400) {
                   if ( $xl > 0 ) echo "+";
                   $x = $xl;
                }
             }
             if ($hauteur < 200 OR $hauteur > 400){
                if ($xh) {
                   $xh =  100 * (300-$xh) / $xh; 
                } else {
                   $xh = 100 * (300-$hauteur) / $hauteur;
                }
                if ( $xh > 0 ) echo "+";
                $x = $xh;
                $largeur = $largeur * 300 / $hauteur;
                $hauteur = 300;
             }
        }
		echo "<br><A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle'><font size='2' color='teal'>".$nomimage."</font></A> ";
		echo "<font size='1' color='pink'>".date("d/m/Y H:h",@filemtime($urlimage))."</font><br>";
                echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$isuiv."&format=".$format."#haut'><img src='".$urlimage."' width='".ceil($largeur)."' height='".ceil($hauteur)."' alt='".@filesize($urlimage)." octets  Réel: ".$dim[0]." x ".$dim[1]." Affiché: ".ceil($largeur)." x ".ceil($hauteur)." - Clic pour suivant en Diaporama Manuel'></a>";
                echo "<br><font size='1' color='#CC9966'><i>".ceil(@filesize($urlimage)/1024)."Ko </i></font><font size='1' color='#666666'>".$dim[0]." x ".$dim[1]."</font>";

echo "<font size='1' color='#666666'> [";
        if ($format <=-10 OR $format >=10) { // zoom-+
             if ($format >=10) echo "+";
             $zoom = $format;
        } else { // 1/1
             $zoom = "0";
        }
        if ($format == 2) { // autozoom
             if ( $x > 0 ) echo "+";
             $zoom = ceil($x);
        }
        echo $zoom."%]</font><br><br>";

echo "</td></tr></table>";

}
if ($menu=='bas') { // vignettesb

VignsPrecSuiv ($colbh,$nb_vigns,$menu,$debut_vign,$debut_img,$SELF); // 5 dans BOUCLE
                echo "<table width='100%' border='2' bordercolor='black' bordercolordark='white' cellspacing='2' cellpadding='2' align='center' valign='middle'><tr>";
		echo "<td bgcolor='black' width='20%' align='center' valign='middle'>";
                        echo "<table width='100%'><tr>";
        if ( ($nb_vigns-$debut_img)<$colbh ) $debut_vign=($nb_vigns-$colbh);
        $numimage=$debut_vign;
        while (  ($numimage>=$debut_vign) && ($numimage<$debut_vign+$colbh) ) {
                $urlimage=$objets[$numimage]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
                $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
                $lv = $largeur; $hv = $hauteur; //  max hvm et/ousinon max lvm
                if ($hauteur > $hvm){ $lv = ceil($hvm*$largeur/$hauteur); $hv = $hvm; }
                if ($lv > $lvm){ $hv = ceil($lvm*$hauteur/$largeur); $lv = $lvm; }
		      echo "<td width='20%' align='center' valign='bottom'>";
                echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$numimage."&debut_vign=".$debut_vign."#haut'><img src='".$urlimage."' width='".$lv."' height='".$hv."' alt='".@filesize($urlimage)." octets Réel: ".$largeur." x ".$hauteur." Affiché: ".$lv." x ".$hv."'></a>";
                echo "<font size='2'><br><b><A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle'><font color=teal>".$nomimage."</font></A></b><br></font>";
                        echo "</td>";
                $numimage++;
        }
                        echo "</tr></table>";
                echo "</td></tr></table>";

}
if ($menu=='droite') { // vignettesd

VignsPrecSuiv ($ligdg,$nb_vigns,$menu,$debut_vign,$debut_img,$SELF); // 4 dans BOUCLE
        echo "<br>";
                echo "<table width='100%' border='2' bordercolor='black' bordercolordark='white' cellspacing='2' cellpadding='2' align='center' valign='middle'><tr>";
		echo "<td bgcolor='black' width='20%' align='center' valign='middle'>";
        if ( ($nb_vigns-$debut_img)<$ligdg ) $debut_vign=($nb_vigns-$ligdg);
        $numimage=$debut_vign;
        while (  ($numimage>=$debut_vign) && ($numimage<$debut_vign+$ligdg) ) {
                $urlimage=$objets[$numimage]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
                $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
                $lv = $largeur; $hv = $hauteur; //  max hvm et/ousinon max lvm
                if ($hauteur > $hvm){ $lv = ceil($hvm*$largeur/$hauteur); $hv = $hvm; }
                if ($lv > $lvm){ $hv = ceil($lvm*$hauteur/$largeur); $lv = $lvm; }
		echo "<font size='1'><b><A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle'><font color=teal>".$nomimage."</font></A></b><br></font>";
                echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$numimage."&debut_vign=".$debut_vign."#haut'><img src='".$urlimage."' width='".$lv."' height='".$hv."' alt='".@filesize($urlimage)." octets Réel: ".$largeur." x ".$hauteur." Affiché: ".$lv." x ".$hv."'></a><br>";
                $numimage++;
        }
                echo "</td></tr></table>";

}
if ($menu=='haut') { // imageh

$urlimage=$objets[$debut_img]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
             $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
             //  max H300 et/ousinon max L600
             if ($hauteur > 300){
                $x = ceil(100 * (300-$hauteur) / $hauteur);
                $largeur = $largeur * 300 / $hauteur;
                $hauteur = 300;
             } else {
                $x = 0;
             }
             if ($largeur > 600){
                $x = ceil(100 * (600-$largeur) / $largeur);
                $hauteur = $hauteur * 600 / $largeur;
                $largeur = 600;
             }
		echo "<A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle - ".date("d/m/Y H:h",@filemtime($urlimage))."'><font size='2' color='teal'>".$nomimage."</font></A><br>";
	?><a href=" javascript:popup('<?php echo $urlimage; ?>','<?php echo $nomimage; ?>','<?php echo $dim[0]; ?>','<?php echo $dim[1]; ?>')"><?
                echo "<img src='".$urlimage."' width='".ceil($largeur)."' height='".ceil($hauteur)."' alt='".@filesize($urlimage)." octets Réel: ".$dim[0]." x ".$dim[1]." Affiché: ".ceil($largeur)." x ".ceil($hauteur)." - Clic pour ouvrir en PopUp et taille maximisée écran'></a>";
                echo "<br><font size='1' color='#CC9966'><i>".ceil(@filesize($urlimage)/1024)."Ko </i></font><font size='1' color='#666666'>".$dim[0]." x ".$dim[1]."</font>";
                echo "<font size='1' color='#666666'> [".$x."%]</font>";

echo "</td></tr></table>";

}
if ($menu=='gauche') { // imageg

$urlimage=$objets[$debut_img]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
             $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
             //  max L500 et/ousinon max H400
             if ($largeur > 500){
                $x = ceil(100 * (500-$largeur) / $largeur);
                $hauteur = $hauteur * 500 / $largeur;
                $largeur = 500;
             } else {
                $x = 0;
             }
             if ($hauteur > 400){
                $x = ceil(100 * (400-$hauteur) / $hauteur);
                $largeur = $largeur * 400 / $hauteur;
                $hauteur = 400;
             }
		echo "<A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle - ".date("d/m/Y H:h",@filemtime($urlimage))."'><font size='2' color='teal'>".$nomimage."</font></A><br>";
	?><a href=" javascript:popup('<?php echo $urlimage; ?>','<?php echo $nomimage; ?>','<?php echo $dim[0]; ?>','<?php echo $dim[1]; ?>')"><?
                echo "<img src='".$urlimage."' width='".ceil($largeur)."' height='".ceil($hauteur)."' alt='".@filesize($urlimage)." octets Réel: ".$dim[0]." x ".$dim[1]." Affiché: ".ceil($largeur)." x ".ceil($hauteur)." - Clic pour ouvrir en PopUp et taille maximisée écran'></a>";
                echo "<br><font size='1' color='#CC9966'><i>".ceil(@filesize($urlimage)/1024)."Ko </i></font><font size='1' color='#666666'>".$dim[0]." x ".$dim[1]."</font>";
                echo "<font size='1' color='#666666'> [".$x."%]</font>";

echo "</td></tr></table>";
                echo "</td></tr></table>";

}

if ($menu=='vignettes' OR $menu=='image' OR $menu=='bas')
                   { echo "</td></tr><tr><td width='100%' align='center' valign='top'>"; }
if ($menu=='haut')   echo "</td></tr><tr><td width='100%' align='center' valign='top'    bgcolor='#666666'>";
if ($menu=='droite')          echo "</td><td width='70%'  align='center' valign='middle' bgcolor='#000000'>";
if ($menu=='gauche')          echo "</td><td width='30%'  align='center' valign='middle' bgcolor='#999999'>";

if ($menu=='bas') { // imageb

echo "</td></tr></table>";

}
if ($menu=='droite') { // imaged

echo "<table width='100%' border='0' cellspacing='2' cellpadding='2' align='center' valign='middle'><tr>";
		echo "<td bgcolor='black' width='20%' align='center' valign='middle'>";
                        echo "<table><tr><td align='left' valign='top'>";
             $urlimage=$objets[$debut_img]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
             $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
             //  max L500 et/ousinon max H400
             if ($largeur > 500){
                $x = ceil(100 * (500-$largeur) / $largeur);
                $hauteur = $hauteur * 500 / $largeur;
                $largeur = 500;
             } else {
                $x = 0;
             }
             if ($hauteur > 400){
                $x = ceil(100 * (400-$hauteur) / $hauteur);
                $largeur = $largeur * 400 / $hauteur;
                $hauteur = 400;
             }
		echo "<A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle - ".date("d/m/Y H:h",@filemtime($urlimage))."'><font size='2' color='teal'>".$nomimage."</font></A><br>";
	?><a href=" javascript:popup('<?php echo $urlimage; ?>','<?php echo $nomimage; ?>','<?php echo $dim[0]; ?>','<?php echo $dim[1]; ?>')"><?
                echo "<img src='".$urlimage."' width='".ceil($largeur)."' height='".ceil($hauteur)."' alt='".@filesize($urlimage)." octets Réel: ".$dim[0]." x ".$dim[1]." Affiché: ".ceil($largeur)." x ".ceil($hauteur)." - Clic pour ouvrir en PopUp et taille maximisée écran'></a>";
                echo "<br><font size='1' color='#CC9966'><i>".ceil(@filesize($urlimage)/1024)."Ko </i></font><font size='1' color='#666666'>".$dim[0]." x ".$dim[1]."</font>";
                echo "<font size='1' color='#666666'> [".$x."%]</font>";

echo "</td></tr></table>";
                echo "</td></tr></table>";

}
if ($menu=='haut') {  // vignettesh

echo "<table width='100%'><tr>";
        if ( ($nb_vigns-$debut_img)<$colbh ) $debut_vign=($nb_vigns-$colbh);
        $numimage=$debut_vign;
        while (  ($numimage>=$debut_vign) && ($numimage<$debut_vign+$colbh) ) {
                $urlimage=$objets[$numimage]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
                $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
                $lv = $largeur; $hv = $hauteur; //  max hvm et/ousinon max lvm
                if ($hauteur > $hvm){ $lv = ceil($hvm*$largeur/$hauteur); $hv = $hvm; }
                if ($lv > $lvm){ $hv = ceil($lvm*$hauteur/$largeur); $lv = $lvm; }
		        echo "<td width='20%' align='center' valign='bottom'>";
                echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$numimage."&debut_vign=".$debut_vign."#haut'><img src='".$urlimage."' width='".$lv."' height='".$hv."' alt='".@filesize($urlimage)." octets Réel: ".$largeur." x ".$hauteur." Affiché: ".$lv." x ".$hv."'></a>";
                echo "<font size='2'><br><b><A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle'><font color=teal>".$nomimage."</font></A></b><br></font>";
                        echo "</td>";

$numimage++;
        }
                        echo "</tr></table>";
                echo "</td></tr></table>";

}
if ($menu=='gauche') { // vignettesg

VignsPrecSuiv ($ligdg,$nb_vigns,$menu,$debut_vign,$debut_img,$SELF); // pareil dans BOUCLE
        echo "<br>";
                echo "<table width='100%' border='2' bordercolor='black' bordercolordark='white' cellspacing='2' cellpadding='2' align='center' valign='middle'><tr>";
		echo "<td bgcolor='black' width='20%' align='center' valign='middle'>";

if ( ($nb_vigns-$debut_img)<$ligdg ) $debut_vign=($nb_vigns-$ligdg);
        $numimage=$debut_vign;
        while (  ($numimage>=$debut_vign) && ($numimage<$debut_vign+$ligdg) ) {
                $urlimage=$objets[$numimage]; $dim=getimagesize($urlimage); $largeur=$dim[0]; $hauteur=$dim[1];
                $nomimage=substr($urlimage,0,strrpos($urlimage, "."));
                $lv = $largeur; $hv = $hauteur; //  max hvm et/ousinon max lvm
                if ($hauteur > $hvm){ $lv = ceil($hvm*$largeur/$hauteur); $hv = $hvm; }
                if ($lv > $lvm){ $hv = ceil($lvm*$hauteur/$largeur); $lv = $lvm; }
		echo "<font size='1'><b><A HREF='".$urlimage."' title='Ouvrir seul dans la même fenêtre en taille réelle'><font color=teal>".$nomimage."</font></A></b><br></font>";
                echo "<a href='".$PHP_SELF."?menu=".$menu."&debut_img=".$numimage."&debut_vign=".$debut_vign."#haut'><img src='".$urlimage."' width='".$lv."' height='".$hv."' alt='".@filesize($urlimage)." octets Réel: ".$largeur." x ".$hauteur." Affiché: ".$lv." x ".$hv."'></a><br>";
                $numimage++;
        }
                echo "</td></tr></table>";
}

echo "</td></tr></table>";

echo "<table width='95%' cellpadding='0' cellspacing='0' border='0'  valign='top'><tr>";
echo "<td bgcolor='#666666' width='100%' align='left' valign='middle'>";
echo "<font size='2'>&nbsp;";
echo "<a href='".$PHP_SELF."#haut' title='Retour au standard'>@</a>&nbsp;";
echo "<a href='".$PHP_SELF."?menu=bas#haut' title='Image en bas'>Bas</a>&nbsp;";
echo "<a href='".$PHP_SELF."?menu=haut#haut' title='Image en haut'>Haut</a>&nbsp;";
echo "<a href='".$PHP_SELF."?menu=droite#haut' title='Image à droite'>Droite</a>&nbsp;";
echo "<a href='".$PHP_SELF."?menu=gauche#haut' title='Image à gauche'>Gauche</a>&nbsp;";
echo "<a href='".$PHP_SELF."?menu=vignettes#haut' title='".$collign." Vignettes par page, ouverture en nouvelle fenêtre au format écran maximum'>MosaClïc</a>&nbsp;";
echo "<a href='".$PHP_SELF."?menu=image&debut_img=".$debut_img."&format=2&diapo=5000#haut' title='Diaporama automatique 5s++3s ou image par image manuel, Autozoom ou ++--10% ou taille réelle'>DiapoZoom</a>&nbsp;";
echo "</font>";
echo "</td></tr></table>";

if($$cook OR $pass == "tous") {

if ($telecharger) {
     if (!$image) {
       echo "Clic sur Parcourir, choisir une image sur votre ordi puis clic sur Télécharger";
       exit;
     }
     copy($image,$image_name);
     if ( @filesize($image_name)>=100000 OR !$image) { // MAX 100 Ko
        unlink($image_name);
        echo "<br><font color='red'>Oups, taille du fichier non compatible.</font><br>";
     } else {
        echo "<br><font color='blue'>Fait ! Image ci-dessous téléchargée. CLIC sur MosaClïc.</font>";
        echo "<hr><center><img src='".$image_name."' border='0'></center><hr>";
     }
   } else {
      echo "<FORM action='index.php' method='post' enctype='multipart/form-data'>";
      echo "<input type='file' name='image' size='35'>";
      echo "<INPUT TYPE='hidden' name='MAX_FILE_SIZE' value='100000'>";
      echo "<input type='submit' name='telecharger' value='Télécharger (MAX 100Ko)'>";
      echo "</FORM>";
   }

if ($logout) {
     echo "<a href='".$PHP_SELF."'>Pour déconnexion <b>".$$cook."</b> CLIC ICI</A>";
     exit;
   } else {
     if ($pass != "tous") echo "<a href='".$PHP_SELF."?logout=".$$cook."'>Déconnecter ".$$cook." CLIC ICI</A>";
   }
} else { // pas de cookie

if($login==$pass) {
     echo "<a href='".$PHP_SELF."'>Pour connexion ".$login." CLIC ICI</A> ";
     exit;
   } else {
     if ($login) echo "Login ".$login." non reconnu</a><br>";
   }
   echo "<form method='POST' action='".$PHP_SELF."'> ";
   echo "Login Télécharger ? <input type='text' size='5' name='login' value='walma'>";
   echo "<input type='Submit' value='OK'> (Clic pour entrer si ce site n'est pas verrouillé)";
   echo "</form></td></tr></table>";
}

echo "</CENTER></BODY></HTML>";
?>

Notez que les vignettes ici ne sont pas des petites images mais simplement un redimensionnement des images réelles. D'autres caractéristiques de la démarche walma sont consultables sur http://testgalerie.aurange.net/

Cette adaptation a été faite dans le cadre du développement de WikiWig, Wiki Site Générateur Editeur Aspirateur en ligne de pages HTML le plus facile, qui sera publié ici courant décembre.

signé...

Walk CopID
site: CopID.org 3eme Monde
Texte domaine public - copie libre non marchande (copID)

Alm

Plan-Liens Forum

fil: > Walma'Clic une galerie multi-fonction en un clic : 1mn
(1/1) 30 mars 2004 , par Anonyme

fil: > Walma'Clic une galerie multi-fonction en un clic : 1mn

30 mars 2004 [Début forum]

http://www.desyeuxpourvoir.net/netsitespip/article.php3 ?id_article=126

Modem Lent, Non-Voyant: Naviguez en format TEXTE sur ce site