GALERIE D'IMAGE SIMPLE ET FACILE A INTEGRER A VOS PAGES EXISTANTES

Commentaire de darknessneo le 28/05/2007 21:50:27

c'est ma premiere source en php ici. Donc je poste un débutant ^^ je mettrais bien maxi debutant mais y a pas...
Je me doute qu'il y aurait largement moyen de perfectionner mon script mais bon. Mes compétances sont arrivés à leurs limites... Je suis ouvert a toute proposition pour m'améliorer.
Note: j'ai crée ce script car je ne trouvais pas une galerie capable de s'integrer à une de mes pages webs, j'ai du me résoudre à passer 1 semaine a creer mon propre script. en partant de zero...

Commentaire de darknessneo le 28/05/2007 23:32:02

hehe oui, mes pages n'ont aucunes balises je suis tout a fait d'accord. je l'est dis clairement pourtant... mon script est fait justement pour integrer une page existante. je voulais une galerie d image que je puisse inserer a une page de mon site. c'est le principe de fonctionnement de ce script. il existe pleins de galeries d'images super developpés, qui generes des navigateurs super performants, ca dechire tout mais pour l'integrer a une page de ton site... tu peu arreter de rever... elles ont toutes leurs propre page index, des header que si tu integre a une page a toi, tu fais tout planter... Donc je revendique que j'ai pas de balises, mais ca a ete fait expres...


en effet, mes pages contiennent le traitement des variables et l'affichage... mais bon... c'était mon choix. Pourvoir integrer facilement, et rapidement une galerie d'image sur n'importe quelle page php. Je pense avoir réussi. Je n'ai aucun répertoire qui m'encombre, mis a par le répertoire images/ obligatoire. Je n'ai pas 15 voir meme plus, de pages de configuration, etc etc... apres avoir essayé plusieurs galeries d'images j'en ai eu marre. 2 pages, 1 répertoire... c'est un script personnel pour mon propre site que j'ai voulu partagé.

Apres on aime ou on aime pas... mais le but premier je le répete encore une fois, de cette galerie... c'est qu'elle s'integre sur une page existante via un include. Les balises se trouvent toutes sur la page qui va inclure la galerie... et pis voila.....

Sinon, a par ca... peut on me faire des sugestions pour améliorer mon script?

Commentaire de darknessneo le 29/05/2007 00:14:42

merci. pour ce qui est de séparer ma page html de mes codes php, tu sous entend donc de mettre des includes a la pelle pour appeler les fonctions ou codes?
sinon, ce que je voudrais, c'est sécuriser mon script. J'ai test en essayant d'appeler d'autres pages via la page qui afiche la galerie, et ca ne marche pas, donc c une bonne chose mais je sais meme pas pourquoi enfaite... =P hehe

sinon, oui, je met une page index dans chaque répertoire. il suffit de copier la page index et de la coller dans tout les répertoires images. C'est un peu pompeux, mais c'est tout de meme rapde, de toute facon faut bien upload le dossier image, alors qu'on mette un fichier de plus ou de moins, surtout quand on arrive a 300 images dans un répertoire comme j'aurais moi... on voit plus la différence.
Enfin, j suis débutant, donc j'ai crée ce script en 1 semaine avec ce que j'ai su apprendre et comprendre du php, je pense encore en avoir pour longtemps avant d'en arriver a un résultat de pro... j'ai vu un script explorateur de malade... les mecs qui font ça sont des oufs... j'en suis vraiment loin. Mais si je peu apprendre je dis pas non. Apprenez moi... je suis ouvert a tout.

Commentaire de neigedhiver le 29/05/2007 12:49:33

@codefalse : je n'entends pas plus que ce que je dis. En l'occurrence, je parle avant tout de séparer le traitement des données de leur affichage.
L'affichage peut se faire directement avec PHP, ou alors avec un moteur de templates (Smarty, phpLib, etc).
Peu importe : l'idée est surtout de ne pas mélanger les deux.

Dans la pratique, avec un moteur de templates, la séparation est évidente. Sans, elle l'est un peu moins dans la mesure où l'affichage peut se faire via le même script qui assure le traitement, mais pas forcément.

Afin d'éviter les doublons, la séparation des tâches en fonctions élémentaires (ou le plus élémentaires possibles) est impérative. Cela permet de réutiliser du code à sa guise sans avoir besoin de le réécrire ou de le copier. Tout le traitement doit donc se faire en premier lieu.
Ainsi, on peut avoir un fichier qui contient les fonctions dont on a besoin et qu'on inclue depuis chaque page qui le nécessite.
Suivant la rédaction du code, on peut avoir des fonctions qui assurent directement l'affichage, ou, et c'est préférable, des fonctions qui retournent le contenu qui sera affiché. On pourrait avoir quelque chose dans ce genre là :

function get_images($directory)
{
    // Code qui récupère la liste des images d'un répertoire

    // Retourne la liste des images sous forme d'un tableau associatif
    return $images_list;
}

Dans le script qui affiche les images, on aurait un truc dans ce genre là :

$images_list = get_images('./');

foreach($images_list as $image)
{
    echo '<img src="' . $image['src'] . '" width="' . $image['width'] . '" height="' . $image['height'] . '" /><br />';
}

Là, c'est clair : le traitement se fait dans une fonction, l'affichage se fait après, à sa place.

Commentaire de codefalse le 29/05/2007 13:49:41 administrateur CS

@ neigedhiver : Ok c'est bien ce qui me semblait :) Je preferais demander pour être sur de pas avoir sauté un wagon :p

@  darknessneo : Un moteur de template te permet de séparer le code html de ton code php, le but est de simplifier le travail des éventuels graphistes des programmeurs. En gros dans ton site, t'a une partie template/ et une partie code/ (pour faire simple)
tes pages html seront dans la partie template de ce genre :
<html>...<body>Bonjour à toi {LOGIN}</body></html>
(tres tres simple)

Ensuite dans ta page php, tu integre un moteur de template (look google pour plus d'informations sur les différents moteurs), et tu a juste à faire :
// tu récupere $login dans une bdd par ex
$monTemplate->parseVar ("{LOGIN}", $login);
$monTemplate->show();

parseVar va remplacer {LOGIN} par la valeur de login, show() va afficher la page html nouvellement formée. Ceci est un exemple tres succint, faut savoir que le nomage des variable {..} est spécifique à chaque moteur, ainsi que les fonctions et l'usage. C'est juste pour que tu aie une idée.
Du coup les graphistes n'ont plus besoin de faire attention au code qu'il y a dans tes pages, juste à remettre {LOGIN} (dans mon cas) là ou il veulent que le login soit affiché.

Et toi dans 6 mois quand tu voudra changer ton graphisme uniquement, tu n'aura plus besoin de tout réadapter ton code ! :)

J'espere avoir bien expliqué et rien n'avoir omis/mal traité ! :)

Commentaire de codefalse le 29/05/2007 16:37:02 administrateur CS

rien n'est crétin :)
mais ta page n'est pas un template. En fait, template, c'est une sorte de patron, comme pour les croquis, donc en fait tu lui dit comment être, mais tu ne met AUCUN code php (bon apres, certains moteur de template autorise du code php.. bref).
Tout les elements variables de ton site, tu les mets en tags, voir en block (cherche des tutos sur le web pour en comprendre le fonctionnement). Ensuite tu va "inclure" ton template en instanciant le moteur de template.

Le fait d'inclure est une autre méthode (celle que tout le monde commence par faire je dirai :))
Regarde des exemples de l'utilisation de template sur le web, ce sera plus explicatif que moi :)

Quelques tres bon liens :
http://www.asp-php.net/scripts/asp-php/template.php
http://eric-pommereau.developpez.com/tutoriels/initiation-smarty/

Et un petit comparatif :
http://cyberzoide.developpez.com/php4/template/

Voili voilou

Commentaire de codefalse le 29/05/2007 18:33:01 administrateur CS

si elle sert toujours :
Une feuille css met tes éléments en place sur la page
un template mets des valeurs dans tes éléments
c'est completement différent.

genre ton css mettra en gras le champ <span>{login}</span>
et ton template remplacera {login} par le login de la personne connectée

Commentaire de darknessneo le 30/05/2007 07:53:15

un tuto je suis a 100% pour! j'en veu un! sinon, codefalse, je t'ai envoyé un PM.

Commentaire de codefalse le 30/05/2007 10:42:40 administrateur CS

merci neigedhiver :)
C'est vrai que les template c'est qu'une partie interessante de tout ce qui touche au design pattern, uml, mvc etc. (Bien que je n'ai pas encore tout les connaissances dans le domaine :)) Personnellement je vois les templates comme une partie du MVC (c'est un peu le cas en meme temps :)) Pour un tuto pourquoi pas mais actuellement j'ai pas trop le temps. Si quelqu'un se lance c'est bien, sinon si j'ai le temps je le ferai plus tard (attention ! j'ai di SI ! :))
Bonne journée à tous.
Darknessneo : Je te propose de te mettre une note quand tu aura optimisé ton code (séparé mieux le html du php), qu'en pense tu ?! :)

Commentaire de malalam le 31/05/2007 01:09:51 administrateur CS

Hello,

je vais jouer les chiants, là...
J'ai rien contre les templates...nan nan...
Mais...

"genre ton css mettra en gras le champ <span>{login}</span>
et ton template remplacera {login} par le login de la personne connectée"
Merveilleux! Quelle différence entre {login} et <?php echo $login; ?> ? Ah ouais, quelques caractères...Et pi y a pas de php...y a juste une variable. Ah non, c'est pas une variable parce qu'elle n'est pas préfixée par un $ ou autre truc symptomatique d'un langage devant ? Hmmm...$login ou {login}...mouais.
Et un parser en moins...
Nan, j'ai du mal.
Le meilleur moteur de template ? Un langage serveur pour les traitements (PHP...?), qui renvoie un XML, mis en forme par une XSL (pout l'output, je précise...ça renverra du...html...pdf...rtf...ou autre...), couplée par une CSS (adaptée à-aux-ouput-s).
Smarty? Arf...
Ceci n'est que mon avis.
Mais bon... ;-)
C'est pas que le templating soit une mauvaise idée. La séparation fond/forme, c'est une bonne idée. Mais au prix de smarty ou autre, nan. Surtout quand il y a des moteurs de template déjà en place et natifs tellement évidents que personnes ne les voit...

Commentaire de codefalse le 31/05/2007 10:54:09 administrateur CS

@Malalam, c'est vrai que xls et les transformations xslt sont ce qu'il y a de mieux, et on va finir par arriver sur cette sorte de template mais j'ai juste une petite question :
Tu a ta feuille xsl qui transforme ton arbre xml en page web (pour l'exemple). Ton arbre xml, a un moment ou un autre, il faut bien que tu le genere non ? tu passera aussi par php du coup ?
Apres je suis d'accord avec toi pour dire que ce sera plus rapide que faire 50 preg_replace et 20 str_replace :)

Par contre le gros avantage des moteurs de templates, sont le systeme de cache (pour ceux qui en ont un ! :p) comme l'a dit Neigedhiver

Commentaire de kerm0uch le 31/05/2007 19:28:52

salut
je suis debutant en php j'ai essayer ce code mais il me donne un message d erreur:
Notice: Undefined index: page in c:\program files\easyphp1-8\www\photosansbdd\index.php on line 46


Notice: Undefined index: page in c:\program files\easyphp1-8\www\photosansbdd\index.php on line 57

Notice: Undefined index: page in c:\program files\easyphp1-8\www\photosansbdd\index.php on line 90

je voudrais savoir s'il ya moyen de l'eviter..
merci

Commentaire de darknessneo le 31/05/2007 20:10:03

j ai regardé dans mon dossier image pour y regarder mon fichier index de la galerie.
Tes erreurs me renvoyent pas à des lignes sur mon fichier index qui pourraient générer des erreurs. Donc tu as modifié le fichier index.
il faudrait que tu nous montre le contenu du fichier index. essai la nouvelle archive sans rien toucher. ensuite, tu auras juste a recuperer la partie

<?php
if (isset($_GET['page'])) {
    $page = $_GET['page'];
    include("$page.php");
}
else {
include ('explorermanga.php');
}
?>

et à le mettre dans la page ou tu veu afficher la galerie.

Commentaire de darknessneo le 31/05/2007 22:42:06

bon voila on a reglé ton petit soucis par pm interposé, pour info son probleme venait de la page qui appelait la galerie.
suivant :D

Commentaire de darknessneo le 13/11/2007 18:32:55

tu peux mettre ta page explorermanga complete ici? parce qu'apparament tu as modifié la page en question vu que la ligne 33 ne renvoi pas sur une ligne de code qui pourrait poser probleme.

l erreur en question provient du faite que foreach fonctionne avec un array comme variable. Si tu as modifiés les noms de variables il se pourrait bien que tu as oublié de modifier le nom des variables qui enregistre le tableau des répertoires.

En clair, tu as modifié le nom des variables de la page ou encore, que tu ne cherches pas dans le bon répertoire.
$files = filelist("images/",1,1);
foreach ($files as $list) {

tu peux voir dans le fichier par defaut, qu'on cherche dans le répertoire image qui se trouve au meme niveau d'arborescence que la page explorermanga.

Commentaire de darknessneo le 23/06/2008 00:10:46

oui, c'est possible, j'ai modifié entre temps mon code, mais vu que c'était un petit truc mineur, et qu'en plus, c'était sur une autre version de code que ce script je n'ai pas mis à jour:

Modifier le code comme suit:

$files = filelist("images/",1,1); // nous demandons de scanner le repertoire images/ les valeurs qui suivent permetent de preciser si on veut compter les sous dossiers, enfin bref, on met tout a 1 ici
foreach ($files as $list) {
$file2 = str_replace("_", " ", $list['name']);
echo "<a href=?page=images/" . $list['name'] . "/index>" . $file2 ."</a><br>"; // on affiche la liste sous forme de lien
}

Principe:
Les sous dossiers image contenant un espace doivent alors comporter un _ au lieu de chaque espace.
Ensuite, au moment d'afficher chaque lien, on enleve le _ de chaque nom par un espace.

Par exemple, j'ai un sous dossier image Dragon ball Z
Je modifie alors le nom du sous dossier: Dragon_ball_Z

Au moment où l'on écrit les répertoires images dans le script, je remplace les _ par des espaces, mais uniquement pour l'affichage, pas pour le lien, sinon ça ne marche plus. J'aurais alors:

<a href=?page=images/dDagon_ball_Z/index>Dragon ball Z</a><br>

voilou voula

Commentaire de darknessneo le 07/07/2008 21:17:28

Ils se mettent de façon aléatoire, je n'ai jamais vraiment compris comment se faisait le classement.

Le problème c'est que l'on affiche le contenu du répertoire image en temps réel, c'est à dire qu'on affiche les dossiers en même temps qu'on les scans.

Il est en effet possible de trier par ordre mais il faut alors d'abord mettre tout le contenu du répertoire dans un array. Ensuite, il faut afficher le contenu de l'array.
Ainsi, il est possible de trier le contenu de l'array.

Voici une petite modif:

<?php
$dir = 'images/';
$fichier = array();
if (is_dir($dir)) {
    if ($dh = opendir($dir)) {
        while (($file = readdir($dh)) !== false) {
if(filetype($dir . $file) == "dir" AND $file !== "." AND $file !== ".." AND $file !== "tb" AND $file !== "_notes"){
$file2 = str_replace("_", " ", $file);
$debutJournee = mktime(0,0,0,date("m",filemtime('images/'.$file)),date("d",filemtime('images/'.$file)),date("Y",filemtime('images/'.$file)));
$secAvtDeb = filemtime('../'.$type.'/'.'001_v1.0_compil.doc.librairie.jpg'.'/'.$id.'/'.$file)-$debutJournee;
$diff = time() - filemtime('images/'.$file);
$nbJr= intval($diff/(24*3600));
if( (($diff%(24*3600))+$secAvtDeb) > (24*3600) ) $nbJr++;
$jrs = ($nbJr < 31) ? '<img src="http://xxx/images/new.gif" alt="" />' : '';
$file = '<a href="images/'.$file.'/index.php">'.$file2.'</a> '.$jrs;
array_push($fichier, $file);
        }}
        closedir($dh);
    }
}
natcasesort($fichier);
?>

Voila, normalement... je dis bien... normalement... dans l'array $fichier se trouve alors dans l'ordre alphabétique.
Avec mon petit truc en plus, il y aura même un logo new pour chaque nouveau dossier image datant de moins de 30 jours.

Par contre il te faudra afficher le contenu de l'array via une boucle par exemple.

Commentaire de darknessneo le 08/07/2008 12:50:54

ca remplace la partie du code qui scan le répertoire image.
Le truc c'est qu'il faut retravailler un peu le code de chaque coté et de faire aussi un petit code suplémentaire pour afficher l'array.
Et j'ai pas le temps de mettre ce code en ligne.