Bonjour à tous, je trouve ton portfolio (grafikart) super sympa. C'est pour cela que j'aimerai savoir quels tutos pour réaliser un système comme le portfolio de grafikart (système de clique qui déplit une image, video,...)?

Merci d'avance pour vos réponses !

5 réponses


djtec
Réponse acceptée

Il l'explique dans ce tuto: http://www.grafikart.fr/tutoriels/creer-theme-complet-wordpress-99

C'est juste qu'il met pas les mêmes effets c'est tout.

elscorto
Réponse acceptée

Bonsoir, ayant à moitié refait ce système, je peux t'expliquer comment j'ai fait.

Pour commencer chaque image est comprise dans une div, de plus dans cette div se trouve une autre div qui contient la description de ton image, que tu auras récupérer de ta table, tu peux y mettre d'autres images, des liens, bref ce que tu veux. La particularité de cette div est qu'elle est caché (display: none;), on l'appellera détail si tu veux bien.

Ensuite, dès que tu as le nombre d'image que tu veux par ligne, tu rajoute après une div qui va te permettre d'afficher la description de l'image, tu en rajoutes aussi une, si ta dernière ligne d'image n'est pas complète.on l'appellera description, cette div d'origine est vide.

Pour le côté Js, le but est de récupérer l'évènement click sur l'image, puis de récupérer le contenu de la div détail de cette image, et de l'insérer dans la div description suivante (.description:first)en faisant un append, ensuite tu fais un slideDown sur la div description.

Voilà en gros le fonctionnement, Grafikart à en plus rajouter un système de carrousel pour chaque image.

Je pense que ce système pourrai aussi être fait en Ajax, il suffirai juste de récupérer l'id de l'image sur laquelle on aurait cliqué, en js puis d'appeler le script php qui irai chercher les infos de ta base selon l'id

merci j'attend la réponse avec interêt psk jvx aussi savoir mdr

Et aussi sur le même sujet, Un tutoriel sur l'ancien Portfolio de Grafikart , entièrement en flash, sur l'ancien thème...

jeje3842
Auteur

Oula ^^ sa a l'air trop complexe pour moi pour le moment. Je vais voir le tuto que tu m'as passé "djtec" dès que j'aurais un peu de temps.