Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Test Galerie

16 réponses
Avatar
Didier
Bonjour,
Mise en ligne de quelques photos au moyen de "Coppermine Photo Gallery".
http://www.sudchrono.com/cpg/index.php
Signalez moi si vous constatez un disfonctionnement
Merci

6 réponses

1 2
Avatar
Didier
Bonjour,
Nouveau site à tester !
C'est un script php (gratuit),tout simple que j'ai habillé avec
dreamweaver. je gère toutes les images, au niveau taille et poids.
Bon pour cet AM, quelques photos du coté des étangs en bordure de mer
(Méditerranée).
Au plaisr de tes commentaires pros.
http://www.sudchrono.com/monalbum/

Peter Pan a écrit:

http://www.sudchrono.com/cpg/index.php
Signalez moi si vous constatez un disfonctionnement



Disons que ce n'est pas tip-top..
La page ne "passe pas" dans un 1024x768 hors scrolling horizontal,
certainement à cause des textes du menu (nowrap). Le chargement est très
long (poids images et/ou hébergement) ce qui m'a fait abandonner la
visite rapidement, malgré la vision de quelques bons clichés.




Avatar
Philippe LAGARDE

Il y a l'incontournable http://www.phpwebgallery.net/fre/index.html que je
n'adore pas. Je ne me suis pas trop intéressé au biniou, ayant préféré
développer le mien (sans avoir totalement abouti) http://www.netalbum.org/

Il y a celui de Philippe Lagarde dont j'aime bien le côté arborescent
http://www.mise-en-lumiere.org/telecharger.php


Le mien est fait pour une petite galerie, et ne gère pas la génération de
vignettes. Tout simplement parce que je n'avais pas envie de vignettes qui
soient des réductions de mes photos, et que je préfère les faire à la main.
Le but est d'être très léger, deux pages, quelques fichiers textes et pas
de MySQL, pas de librairie GD. Pas de page d'aministration non plus : il
faut mettre un peu les mains dedans.

Cordialement,

--
Philippe LAGARDE
www.mise-en-lumiere.org

Avatar
Didier
Merci pour ta contribution. je viens de bidouiller ce truc :
http://www.sudchrono.com/monalbum/
Didier BERRUS

Philippe LAGARDE a écrit:


Il y a l'incontournable http://www.phpwebgallery.net/fre/index.html que je
n'adore pas. Je ne me suis pas trop intéressé au biniou, ayant préféré
développer le mien (sans avoir totalement abouti) http://www.netalbum.org/

Il y a celui de Philippe Lagarde dont j'aime bien le côté arborescent
http://www.mise-en-lumiere.org/telecharger.php



Le mien est fait pour une petite galerie, et ne gère pas la génération de
vignettes. Tout simplement parce que je n'avais pas envie de vignettes qui
soient des réductions de mes photos, et que je préfère les faire à la main.
Le but est d'être très léger, deux pages, quelques fichiers textes et pas
de MySQL, pas de librairie GD. Pas de page d'aministration non plus : il
faut mettre un peu les mains dedans.

Cordialement,




Avatar
Peter Pan
http://www.sudchrono.com/monalbum/


Sur le côté rapide c'est mieux.
Tout le monde n'aime pas la visualisation via pop-up - simple à gérer dans une
même fenêtre - mais admettons. Ajoute juste un javascript de fermeture au
niveau de l'image, économisant un passage par la croix (trop petite pour les
souris peu expertes) :
<a href="javascript:window.close()"><img src="chemin_image" blah blah></a>

Aussi, le fait que la fenêtre pop-up soit dimensionnée à la taille de l'image
est risqué : sous Mozilla il affiche les ascenseurs et c'est raté !
Il vaut mieux prendre un peu de marge. Comme ceci :

<?
# on récupère les attributs de l'image
list($width, $height, $type, $attr) = @getimagesize($chemin_image);
# on implémente hauteur/largeur pour window.resizeTo()
$imgWidth = $width+30; # ajout d'une marge
$imgHeight = $height+30; # idem
?>
<html><head>
<script language='javascript'>
window.moveTo(0,0); /* positionne la fenêtre haut/gauche */
window.resizeTo(<? echo $imgWidth?>,<? echo $imgHeight?>);
</script>
</head>
[...]

Tes vignettes ne sont pas renseignées. Pour un puriste W3C c'est mal :-)
Vu qu'on a récupéré les infos ci-avant :
<img src='chemin_image' <? echo $attr ?> alt='' border='0'>

Sinon ça se fait ainsi :
<?
$taille = @getimagesize($chemin_image); // indice 3 renseigne width/height
echo "<img src='imgs/thumbs/nature_1.jpg' $taille[3] alt='' border='0' >n";
?>

Le conteneur "alt" est bon à renseigner pour les moteurs de recherche. Sinon
il est au moins vide (!). On peut aussi tiquer sur le simple quote mais bon...
encore une question de puriste (pas glop pour les anciens brouteurs). Tu as
une feuille de styles inutile qui traîne en bas de page.

--
Pierre
http://www.ppan.net
http://www.pasbanal.com

Avatar
Didier
Là ça commence à se corser pour moi.
J'ai un peu de mal à voir ou mettre les lignes de code ? dans
"album.php" ou "viewer.php" ?
Ci - joint le détail du fichier "viewer.php"
*****************************************************************************************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Photos Album</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>

<body>
<?php
$file = $HTTP_GET_VARS['file'];
echo "<img src='imgs/$file'>";
?>
</body>
</html>
**************************************************************************************************
Merci
Peter Pan a écrit:

http://www.sudchrono.com/monalbum/



Sur le côté rapide c'est mieux.
Tout le monde n'aime pas la visualisation via pop-up - simple à gérer dans une
même fenêtre - mais admettons. Ajoute juste un javascript de fermeture au
niveau de l'image, économisant un passage par la croix (trop petite pour les
souris peu expertes) :
<a href="javascript:window.close()"><img src="chemin_image" blah blah></a>

Aussi, le fait que la fenêtre pop-up soit dimensionnée à la taille de l'image
est risqué : sous Mozilla il affiche les ascenseurs et c'est raté !
Il vaut mieux prendre un peu de marge. Comme ceci :

<?
# on récupère les attributs de l'image
list($width, $height, $type, $attr) = @getimagesize($chemin_image);
# on implémente hauteur/largeur pour window.resizeTo()
$imgWidth = $width+30; # ajout d'une marge
$imgHeight = $height+30; # idem
?>
<html><head>
<script language='javascript'>
window.moveTo(0,0); /* positionne la fenêtre haut/gauche */
window.resizeTo(<? echo $imgWidth?>,<? echo $imgHeight?>);
</script>
</head>
[...]

Tes vignettes ne sont pas renseignées. Pour un puriste W3C c'est mal :-)
Vu qu'on a récupéré les infos ci-avant :
<img src='chemin_image' <? echo $attr ?> alt='' border='0'>

Sinon ça se fait ainsi :
<?
$taille = @getimagesize($chemin_image); // indice 3 renseigne width/height
echo "<img src='imgs/thumbs/nature_1.jpg' $taille[3] alt='' border='0' >n";
?>

Le conteneur "alt" est bon à renseigner pour les moteurs de recherche. Sinon
il est au moins vide (!). On peut aussi tiquer sur le simple quote mais bon...
encore une question de puriste (pas glop pour les anciens brouteurs). Tu as
une feuille de styles inutile qui traîne en bas de page.




Avatar
Peter Pan
Là ça commence à se corser pour moi.
J'ai un peu de mal à voir ou mettre les lignes de code ? dans
"album.php" ou "viewer.php" ?
$file = $HTTP_GET_VARS['file'];


Wow ! Pas jeune le script ;-)
On continue par mail car là c'est du HS pur beurre !

--
Pierre
http://www.ppan.net
http://www.pasbanal.com

1 2