begin process at 2010 09 06 06:24:58
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Application

 > GALERIE PHOTO DYNAMIQUE GÉRÉE PAR MOTEUR TEMPLATE

GALERIE PHOTO DYNAMIQUE GÉRÉE PAR MOTEUR TEMPLATE


 Information sur la source

Note :
1 / 10 - par 1 personne
1,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Application Classé sous :galerie, images, dynamique, moteur, template Niveau :Initié Date de création :08/09/2007 Vu / téléchargé :16 081 / 1 055

Auteur : darknessneo

Ecrire un message privé
Site perso
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Cette galerie photo dynamique s'actualise automatiquement lors des uploads d'images sur votre site. La page images scanne le répertoire qu'on lui demande, en affiche tout les sous dossiers images trouvés. Il suffit alors de cliquer sur le dossier choisi pour en afficher les images via des miniatures automatiquement créées la première fois que l'image est affichée.
Il suffit ensuite de cliquer sur la miniature pour afficher l'image taille réelle.

Pour cela, il suffit de mettre un dossier contenant des images dans l'une des rubriques proposées en exemple dans le ZIP. Par exemple, dans le dossier manga, j'ai mis un dossier DIVERS contenant 2 images. Mais vous pouvez mettre d'autres rubriques que manga ou celles proposées.
Lorsque vous ouvrez la page images.inc.php il suffit de rajouter les variables souhaitées dans l'url comme ceci:
images.inc.php?id=manga&type=images

type=im ages n'est d'autre que le nom du répertoire qui contient les images, vous pouvez ainsi utiliser le code pour afficher d'autres dossiers.
id=manga est le nom du dossier dans lequel vous souhaitez lire les sous dossiers. Vous pouvez remplacer manga par n'importe quel autre nom de dossier du moment que vous avez crées le dossier en question.
Dans mon exemple, vous pouvez remplacer manga par: gsm, films, etc etc le code va ensuite lister tout les dossiers présents dans le répertoire choisi.


 Conclusion

Explication d'installation:
- Inutile de mettre forcement le répertoire à la racine du site, il faut cependant mettre les 3 répertoires à la même hauteur.
- Il vous suffit de faire des urls qui pointent vers la page pages/images.inc.php en précisant ce que vous voulez afficher (via un menu par exemple)
- pages/images.inc.php?id=manga&type=images
- pages/images.inc.php?id=jeux&type=images

par défaut il faudra tout le temps mettre images pour la variable type. Ceci vous permettra entre autre d'afficher des images d'autres dossiers que celui d'images
la variable id permet de dire au code de lire les dossiers présents dans le dossier 'id' ici, manga ou jeux

il vous suffit ensuite de vous laisser guider par le code.

NOTE:
Quelques petits points noirs:
- si les images ne s'affichent pas:
- Vous avez des images bmp, par mesure d'efficacité, je n'ai pas accepté ce format de fichier, de plus, je n'arrive pas à créer de miniatures avec un fichier bmp
- Vos titres d'images ou de dossier contient des espaces. Remplacez les par _ ou -, mon script ne prend pas en compte les espaces.

Bugs rencontrés:
Depuis pas mal de semaines, j'utilise ce code que j'ai crée de toutes pièces, je n'ai plus aucune erreur depuis longtemps, si vous rencontrez un bug, cela ne vient que du format de vos images ou des titres, convertissez vos images en cas de problème. Il n'ai deja arrivé d'avoir un bug avec des images jpg que j'ai reconverti dans le même format. Cela résolvait mon problème à chaque fois que je l'ai rencontré. Cela provient des quelques format jpg différents: jpeg, jp2 etc etc.

NOTE: Mon script fonctionne avec le moteur template TINYBUTSTRONG que vous trouverez ici http://www.tinybutstrong.com/fr/
Vous pouvez tester mon script d'images en fonctionnement réel sur mon propre site:
http://darkness.neo.free.fr
je n'ai pas mis de lien direct parce que mon code renvoi vers la page d'accueil si vous ne passez pas d'abord par elle lors du premier chargement de mon site.
Cliquez sur une rubrique en haut du site pis sur images dans le menu gauche.

Je précise que mon ZIP ne contient aucun thème ou style, cela afin que vous puissiez l'intégrer plus rapidement dans votre site.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture GALERIE D'IMAGE SIMPLE ET FACILE A INTEGRER A VOS PAGES EXIS...

 Sources de la même categorie

Source avec Zip Source avec une capture YM_GALLERIE_MAKER par ym_trainz
Source avec une capture CRÉATION D'UN TABLEAU AVEC CONTENU DYNAMIQUE par tesniced
Source avec Zip Source avec une capture AJOUTER DES REFLETS À VOS IMAGES OU VOS PHOTOS - REFLET DANS... par zulrigh
Source avec Zip VOTRE SIGNE ASTROLOGIQUE par zulrigh
Source avec Zip Source avec une capture IMC (OU BMI EN ANGLAIS) ET CALCULE DE VOTRE POID IDÉAL par zulrigh

 Sources en rapport avec celle ci

Source avec Zip MOTEUR DE TEMPLATE PHPBB3 SIMPLIFIÉ EN PHP5 par gagah1
CLASS MOTEUR DE TEMPLATE PHP5 par choy
Source avec Zip MOTEUR DE TEMPLATE par FaustXVI
Source avec Zip [PHP5] LIGHTEMPLATE - MOTEUR DE TEMPLATES ULTRA-LÉGER par neigedhiver
Source avec Zip Source avec une capture GALERIE PHOTO SIMPLE ET DYNAMIQUE par Astalavista

Commentaires et avis

Commentaire de darknessneo le 08/09/2007 01:54:49

Note:
j'ai oublié de préciser ceci: lors de la premiere lecture d'un dossier d'images, les miniatures sont créées dans un nouveau répertoire crée dans le dossier lu. Lors de prochaines lectures du meme dossier, le code va vérifier si une miniature existe pour le nom de l'image qu'il va ouvrir.
S'il trouve la miniature il ne la recré pas.
Cependant, ceci à un défaut, si vous changez ou remplacez une image existante par une autre contenant le meme nom, la miniature ne sera pas actualisée.
Pensez à supprimer le dossier contenant les miniatures ou juste la miniature en question.

Commentaire de malalam le 08/09/2007 10:24:55 administrateur CS

Hello,

je vais être un peu dur...
il y a pas mal de choses à dire : déjà des galeries sur phpcs, il y en a des tonnes. Et la tienne n'ajoute absolument rien à celles existantes, que ce soit en termes de fonctionnalités, ou de code.
Parlons du code: il n'apporte rien pédagogiquement parlant (j'aurais accepté un source déjà existant en de multiples exemplaires sur phpcs, mais possèdant un code intéressant, qui peut apprendre des choses aux débutants). C'est du code de débutant.
Ca manque de fonctionnalités, donc, je l'ai dit.
Tu utilises un moteur de template (outre le fait que je ne suis pas fan, mais ça, c'est mon avis) qui pèse à lui seul 10 fois plus que tous les fichiers réunis de ta galerie! Franchement, quel intérêt...? Et puis il n'y a qu'à voir tes fichiers modèles pour se convaincre du fait que tinybutstrong ne sert à rien ici.

Juste un coup de pouce, pour t'aider à ajouter au moins une fonctionnalité sympa (ou au moins, virer un problème de ton code) : tu peux, à génération d'une vignette, ajouter la date de création de celle-ci dans son nom. Ainsi, à chaque fois que tu scannes ton répertoire d'images originales pour voir s'il y en a de nouvelles, tu vérifies aussi, pour celles ayant déjà une vignette, leur date de dernière modification (filemtime()) : si cette dernière est postérieure à la date inscrite dans le nom de sa vignette, ben il y a de grandes chance pour que l'image originale ait été modifiée depuis.

Commentaire de codefalse le 08/09/2007 12:01:35 administrateur CS

Yop ! :)

Déjà deux trois trucs : Tu veux qu'on appel les images par les variables type et id. Je trouve ca compliqué.
Pourquoi ne pas faire images.php?url=images/manga/
Par contre, dans cas, pense à vérifier la validité de url (pour ne pas remonter plus haut que le script en question.

Ensuite, tu utilise plusieurs fichier (scandir, nbpage, miniatures, ..), pourquoi ne pas en faire des fonctions, ca serait carrément plus simple !

C'est vrai que comme dit Malalam, il existe des tonnes de script de ce genre sur phpcs, maintenant, il serait interessant de travailler sur un en particulier histoire d'en avoir un vraiment performant (sauf si c'est déjà fait, ca, je ne sais pas ! :p)

Ensuite, regarde pour évoluer au niveau du moteur de template, si tu utilise php5 (qui est un mieux), tu peux travailler avec du xml couplé au xsl par transformation xslt, c'est un poil plus compliqué, mais carrément plus performant. Je sais que je t'avais dit auparavent d'utiliser un moteur de template, mais c'est pour te permettre de comprendre le fonctionnement. Maintenant essaye de comprendre l'usage de XSL(T), et ce sera parfait :)

Si tu veux de l'aide, n'hésite pas

Commentaire de malalam le 08/09/2007 12:21:33 administrateur CS

@Codesfalse : Bieeeen! :-) Enfin quelqu'un qui estime que XSL est un moteur de template extraordinaire! Ca me fait plaisir, tien :-)

Commentaire de darknessneo le 08/09/2007 12:44:48

je prends tout ce que veut bien me donner, y a aucun soucis, je sais bien que des galeries images, y en a des kilos tonnes, mais j'en avais fais une super simple et codefalse ma dit de la refaire via moteur template, ce que j'ai fais ici. Donc voila voulou.
J'ai plusieurs pages en effet, j'avais pensé faire des fonctions dans une seule et meme page en effet, mais j'avais tellement de chose a faire sur mon site que je n'avais pas eu le temps. Maintenant que mon site a un peu de contenu je vais pouvoir m'attaquer au code.

Pour ce qui est du xsl etc etc, je n'y connais rien, alors si on pouvait m'aiguiller.

Merci a vous deux en tout cas.

Commentaire de codefalse le 08/09/2007 16:17:41 administrateur CS

@malalam : En même temps, quand tu regarde les possibilités énormes que tu a avec, ya rien à dire ! :) c'est juste chiant au début à comprendre la syntaxe, et encore, je trouve que ca rentre encore assez facilement ! :)

@darknessneo
Oui je sais que c'est pas très agréable d'entendre dire qu'il vaut mieux utiliser un moteur de template (type tbs) et qu'ensuite on te dit que finalement non. Mais mon avis sur la chose à aussi tres fortement évolué. Je vais t'en faire part.
En fait, tout d'abord, grace à tbs, je pense que t'a déjà pas mal appris sur comment découper ton travail pour le traitement et l'affichage (et le stockage des données, MVC : Modèle, Vue, Controleur).
C'est déjà une grande étape, ce qui n'est pas négligeable.
Maintenant, utilser un moteur xsl, c'est l'étape suivante, encore plus performante.
Je m'explique : Tu crée un fichier xml, genre :
<page>
  <title>Welcome !</title>
  <menu>
     <item url='index.php'>Accueil</item>
     <item url='images.php'>Mes images !</item>
     ...
  </menu>
  <content><![CDATA[Bienvenue sur mon site cher visiteur blablablablalb]]></content>
</page>

(ca c'est un xml que tu a généré dans ton php)
Tu crée une nouvelle classe Vue (s'il n'en existe pas sur phpcs qui gere le xsl, ca ne saurait tarder :p), et tu importe ton xml, et tu lui dit quelle feuille de style xsl tu lui applique (en général, le nom de la feuille c'est le meme nom que la page en cours, mais avec l'extension xsl), php va effectuer la transformation, et te retourner une page html avec les éléments titre, menu et content remplacés. (Bon, faut apprendre la syntaxe, ca c'est autre chose :))
Jusque là, rien de très différent à ce que tu connais : un code d'origine, un template, une modification.

Mais le gros avantage, c'est que comme à l'origine, tu à un xml, et comme tu le sais tres bien, le xml, ca marche avec tout :p, bah ton xsl, ca peux etre pour un site web, mais aussi pour un téléphone portable en IMode, pour GPS, mais aussi pour une cafetiere (qui gere le navigateur web :p), un frigo, etc ! et Oué, grace au XML/XSL, tu peux afficher ton contenu pour N'IMPORTE quel type d'interpreteur !!!!!!!
(=> je n'ai pas dit de bêtise là-dedans Malalam ? :))

Bon, apres, c'est fortement recommandé d'intégrer dans ton moteur de rendu, une gestion du cache, car la transformation (en php5 c'est mieux supporté) du XML avec XSL, c'est assez lourd parait-il, donc si t'a 500 visiteurs par jours, ton serveur va ptete pas tenir, donc tu met en cache le rendu, et s'il n'y a pas eu de modification, il te retourne le fichier en cache plutot que refaire un rendu !

Euh ... voila ! :)

Commentaire de codefalse le 08/09/2007 16:25:59 administrateur CS

Quelques liens pour le xsl :

http://haypo.developpez.com/tutoriel/xml/xslt/
http://haypo.developpez.com/tutoriel/xml/xslt/programmation/
http://erwy.developpez.com/cours/langage/xslt/variable/
http://erwy.developpez.com/cours/langage/xslt/conditions/
http://erwy.developpez.com/cours/langage/xslt/boucle/

@note au admin : je sais pas si on a le droit de mettre des liens vers d'autres sites en programmation, bien que je considère developpez comme un complément à phpcs (et inversement), et pas un concurrent. Maintenant si mon post est refusé, alors désolé :)

Commentaire de darknessneo le 09/09/2007 03:25:19

mon site est de type multimedia avec un tres large contenu. Au vus des propos sur ce type de codage, cela est-il vraiment conseillé pour mon site?
Pour le moment mon trafic est relativement faible car mon site vient tout juste de réouvrir ses portes mais qui sait au fil du temps...

Commentaire de darknessneo le 09/09/2007 09:14:14

enfaite, question, pourquoi dans un site on ma tané les fesses a rendre mon site 100% correct xhtml via le validateur W3C alors qu'ici on me dit de passer au xsl et xml j'avoue que je m'y perds un peu...

Commentaire de malalam le 09/09/2007 09:57:52 administrateur CS

@darknessneo => ce n'est pas incompatible. Déjà, xml et xsl sont des recommendations du w3c aussi. Ensuite, dans xhtml, il y a x pour...xml. Caler un site sur du xhtml, c'est la promesse que des flux xml s'y intègreront très bien.
xsl, via xslt, te permet de transformer un flux xml pour obtenir l'output souhaité : cet output, ce peut être...du html :-) Ou plutôt du xhtml. Ou tout autre output, en fait. le "t" de xslt veut dire transformation.
En fait, xhtml, c'est du xml. Tu peux l'éditer avec le logiciel d'Altova XMLSpy, par exemple, sans soucis. DOMDocument de PHP peut parfaitement parser un flux xhtml (ce qui est très sympa!). xhtml, c'est aussi le standard actuel du web pour une utilisation "normale" (j'entends par là, un ordinateur et un navigateur standards). Ce sera donc ta sortie standard. Maintenant, via xml et xslt, rien ne t'empêche de créer d'autres sorties : ton utilisateur utilise le wap ? Yop, une petite détection, et la sortie devient wap compliant. Tout ce que tu dois faire, c'est créer une feuille xsl pour chaque sortie. Tu veux une sortie pdf ? Sans problème avec xsl-fo.
Mieux encore : tu ne veux que du xhtml, MAIS tu veux pouvoir changer à loisir le format de ton affichage : en colonnes, en lignes, bouger les éléments...encore une fois, xsl-t te permet de le faire à moindre frais. Tu peux même sortir du svg par exemple, pour avoir une sortie entièrement graphique :-) Ou du rtf. Ou le nouveau format de Microsoft, docx. Bref, tout ce qui est créé à partir de balises, en gros.
J'ai écrit il y a quelques temps un petit script qui s'appelle XML MENU, publié ici. Il est petit, pas complet, mais a l'avantage de montrer ces possibilités : tu crées un menu en xml, et il te l'affiche en fonction de différentes feuilles xsl : ici en tableau, là en liste...tu obtiens des affichages très différents, avec pourtant exactement le même flux xml derrière.
Ca va plus loin que les feuilles css parce que tu peux modifier les balises, pas seulement leur appliquer un style de mise en page. Tu peux modifier tout le document, y compris son content-type évidemment.
Et je ne te parle pas de l'encodage :-) C'est difficile à gérer, l'encodage, toujours, mais xml n'est pas un frein, loin de là.

Tu peux même aller plus loin si on reste dans le web : xhtml, c'est du xml. xml accepte tout type de balsies personnelles, si tu crées une dtd ou un schéma. Ben xhtml, c'est pareil...ce qui veut dire que tu peux créé une dtd ou un schéma personel, lier tes documents xhtml avec, et...magie, tes balises et attributs persos s'intègrent parfaitement dans ton xhtml!
Imagine...tu utilises un web service quelconque qui te retourne un flux xml te donnant des indications...je ne sais pas moi, le suivi de colis, par exemple (parce que tu gères une boutique en ligne). Tu peux effectivement utiliser xsl pour modifier ce xml et le transformer via xslt en html, puis l'afficher. Ou tu peux aussi créer un schéma spécialement conçu, qui va indiquer comment le navigateur doit afficher ces nouvelles balises genre <date>18/09/2007</date>. Et avec ta css, en plus, tu leur appliques des styles. Le résultat ? Tu obtiens tout simplement de nouvelles balises xhtml...au même titre que div, span, dd et compagnie.

Il n'y a pas un seul moteur de template php qui offre autant de possibilités et de souplesse.
Et si ton site était encore en html4.0, tu n'aurais pas non plus toutes ces possibilités, d'où l'intérêt de passer au xhtml strict.

Commentaire de malalam le 09/09/2007 10:03:42 administrateur CS

Petit ajout : il existe des RAD exploitant le xml et xsl. Il est très intéressant d'y jeter un oeil : XMLRad par exemple. C'est très exactement un gros, très gros moteur de template, couplé à un framework pour créer des sites.
On a un langage côté serveur (la plupart des langages sont supportés, de php à c# en passant par delphi), un serveur de base de données éventuellement, et on génère uniquement du xml.
Les pages côté client, elles, sont des pages xsl qui accueillent les flux xml.
On ajoute à ça Javascript, et on s'amuse beaucoup!
Bon je trouve ce RAD assez lourd, mais il n'empêche, le principe est très très intéressant.

Commentaire de coucou747 le 10/09/2007 06:47:38

ce que je trouvais nul en xslt : tu assembles une chaine pour ensuite effectuer un parsing / transformation / reassemblage, alors ok c'est rapide, mais ca ne peut pas etre rapide sur toutes les pages...

"Il n'y a pas un seul moteur de template php qui offre autant de possibilités et de souplesse."=> mon moteur ne permet pas de faire du rtf ou du docx je te l'accorde... a part ca... mon moteur est a base d'un espece de DOM recode en php5, t'as des classes pour gerer des enfants un peu speciaux, une classe pour les CSS, une classe pour chaque type de XML gere, une classe Visiteur, une classe RecursiveVisiteur, une classe W3cVisiteur qui chercherait d'eventuelles erreurs (mode debug uniquement), une classe GetElementByVisiteur qui permet de rechercher des elements particuliers dans l'arbre, une classe Cache etc... par contre, c'est clair que c'est extremement lourd...

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

[Probleme] Gallerie d'images [ par Trigun222 ] Salut,Le script msi ci dessous permet de réaliser une gallerie de photos ou d'images sur son site, malheuresement quand je mets le dossier contenant l Recherche script galerie d'images [ par booskull ] Salut !J'aimerais savoir s'il existe un script php gratuit qui fasse:-liste des numeros d'images juste en dessous de l'image en cours-gestion de comme PB d'envoi d'images dynamiques !!! [ par MangaII ] Coucou a tous !Bon, voilà mon soucis !Qd on créé un image dynamique en php, avec imagecreate ..., on fini tjs par l'envoyer au navigateur avec imagejp Grouper les images par 25 dans une galerie [ par Evangun ] Bonsoir &#224; tous ! Il y a bcp de scripts parfaits pour faire des galeries d'images mais &#224; chaque fois ils sont trop compliqu&#233;s et je n'ar navigation dynamique entre images [ par windsurfer31 ] bonjourmon projet est le suivantrealiser l'affichage automatique de liens de navigation entre des images du type :&lt;- 1 2 3 -&gt;ou la page(image) Problème d'affichage de plusieurs images [ par tony1239456 ] Bonjour, je cr&#233;e un moteur de recherche pour des logos de portable, mais j'ai un gros probl&#232;me, je n'arrive pas &#224; cr&#233;e un affichag Galerie le plus simple possible! [ par virgile11 ] Bonjour, je suis incapable de programmer en php et je cherche un fichier php qui, plac&#233; dans un dossier contenant des images nomm&#233;es 001.jpg moteur de recherche sur contenu dynamique [ par caviar ] saluté ... j'ai regardé le scrip http://www.phpcs.com/codes/MOTEUR-RECHERCHE-INTERNE-SIMPLE_13119.aspx qui est très sympas ... et je me demandais si i grille d'image en php via un moteur de recherche [ par costacurta ] ImageAlpes.fr Galerie d'image [ par sebalex ] Bonjour &#224; tous,J'ai des images dans un r&#233;pertoire de mon site qui sont reli&#233;es &#224; une bdd (sql) et que j'affiche dans un tableau. A


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Septembre 2010
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
27282930   

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,608 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales