Voilà j'ai toujours un peu délaissé le JS, car ce langage peux être
désactivé par l'utilisateur, donc j'avais tendance à tout faire en php et
css.
aujourd'hui je me rend compte que c'était une erreur car je souhaite faire
une petite galerie photo et le js est le plus approprié des langages, donc
je suis obligé de m'y remettre.
dommage je vais surement me rabbatre la-dessus si j'arrive pas a reproduire l'autre code! L'autre code ? Lequel ?
celui là que je trouve excellent, mais voilà j'arrive pas à comprendre le mécanisme
ce n'est pas très compliqué :
1) copier et coller - la feuille de style dans le head de sa page - le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que ce le style de la galerie.
2) adapter à ses images :
2-a) div container : - remplacer les img src par ses grandes vues - corriger les alt et title de ces images - corriger la légende (après les <br />)
2-b) la feuille de style : - remplacer dans les background:url(blabla) des class .slidexx le blabla par la vignette (correspondante à la class) - corriger la position de chaque grande vue dans les class .slidex span { ... }
Voili, voilou
Ha! pour le mécanisme ...
la galerie ('container') : - liens qui contiennent un span ce span contenant la grande image et sa légende
la feuille de style : - les spans du lien sont invisibles et tous posés en absolute - chaque span a sa position corrigée dans la class de son lien - les liens sont transformés en blocs et flottants - chaque lien a en fond l'image de la vignette correspondant à la grande vue qui est dans le span - au survol du lien son span est passé en visible et on voit sa grande vue
Finalement le truc n'est pas si compliqué ... ... dès qu'on a réussi à ne pas se mélanger entre grandes et petites vues (l'idéal est de les nommer pareil et de les ranger dans des dossiers séparés)
SAM wrote:
SAM wrote:
dommage je vais surement me rabbatre la-dessus si j'arrive pas a
reproduire l'autre code!
L'autre code ? Lequel ?
celui là que je trouve excellent, mais voilà j'arrive pas à comprendre le
mécanisme
ce n'est pas très compliqué :
1) copier et coller
- la feuille de style dans le head de sa page
- le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que ce
le style de la galerie.
2) adapter à ses images :
2-a) div container :
- remplacer les img src par ses grandes vues
- corriger les alt et title de ces images
- corriger la légende (après les <br />)
2-b) la feuille de style :
- remplacer dans les background:url(blabla)
des class .slidexx
le blabla par la vignette (correspondante à la class)
- corriger la position de chaque grande vue
dans les class .slidex span { ... }
Voili, voilou
Ha! pour le mécanisme ...
la galerie ('container') :
- liens qui contiennent un span
ce span contenant la grande image et sa légende
la feuille de style :
- les spans du lien sont invisibles
et tous posés en absolute
- chaque span a sa position corrigée
dans la class de son lien
- les liens sont transformés en blocs et flottants
- chaque lien a en fond l'image de la vignette correspondant
à la grande vue qui est dans le span
- au survol du lien son span est passé en visible
et on voit sa grande vue
Finalement le truc n'est pas si compliqué ...
... dès qu'on a réussi à ne pas se mélanger
entre grandes et petites vues
(l'idéal est de les nommer pareil et de les ranger dans des dossiers
séparés)
dommage je vais surement me rabbatre la-dessus si j'arrive pas a reproduire l'autre code! L'autre code ? Lequel ?
celui là que je trouve excellent, mais voilà j'arrive pas à comprendre le mécanisme
ce n'est pas très compliqué :
1) copier et coller - la feuille de style dans le head de sa page - le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que ce le style de la galerie.
2) adapter à ses images :
2-a) div container : - remplacer les img src par ses grandes vues - corriger les alt et title de ces images - corriger la légende (après les <br />)
2-b) la feuille de style : - remplacer dans les background:url(blabla) des class .slidexx le blabla par la vignette (correspondante à la class) - corriger la position de chaque grande vue dans les class .slidex span { ... }
Voili, voilou
Ha! pour le mécanisme ...
la galerie ('container') : - liens qui contiennent un span ce span contenant la grande image et sa légende
la feuille de style : - les spans du lien sont invisibles et tous posés en absolute - chaque span a sa position corrigée dans la class de son lien - les liens sont transformés en blocs et flottants - chaque lien a en fond l'image de la vignette correspondant à la grande vue qui est dans le span - au survol du lien son span est passé en visible et on voit sa grande vue
Finalement le truc n'est pas si compliqué ... ... dès qu'on a réussi à ne pas se mélanger entre grandes et petites vues (l'idéal est de les nommer pareil et de les ranger dans des dossiers séparés)
SAM
SAM wrote:
1) copier et coller - la feuille de style dans le head de sa page - le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que ce le style de la galerie.
Ben alors si tu sais, t'as t'y essayé ?
Pas retourné voir mais à mon idée entre les 2 balises style du head il n'y a que le nécessaire à la galerie, le reste des styles de la page doit être dans un (ou des) fichier externe.
-- sm
SAM wrote:
1) copier et coller
- la feuille de style dans le head de sa page
- le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que ce
le style de la galerie.
Ben alors si tu sais, t'as t'y essayé ?
Pas retourné voir mais à mon idée entre les 2 balises style du head il
n'y a que le nécessaire à la galerie, le reste des styles de la page
doit être dans un (ou des) fichier externe.
1) copier et coller - la feuille de style dans le head de sa page - le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que ce le style de la galerie.
Ben alors si tu sais, t'as t'y essayé ?
Pas retourné voir mais à mon idée entre les 2 balises style du head il n'y a que le nécessaire à la galerie, le reste des styles de la page doit être dans un (ou des) fichier externe.
-- sm
yoyo
SAM wrote:
SAM wrote:
1) copier et coller - la feuille de style dans le head de sa page - le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que ce le style de la galerie.
Ben alors si tu sais, t'as t'y essayé ?
Pas retourné voir mais à mon idée entre les 2 balises style du head il n'y a que le nécessaire à la galerie, le reste des styles de la page doit être dans un (ou des) fichier externe.
finalement moi j'ai regardé dans les fichiers de style, effectivement si tu copie le code source intégral sa fonctionne.
perso j'aime pas trop copier les scripts des autres pour ne pas avoirs de soucis c'est pour cela que je préfère m'en inspiré.
SAM wrote:
SAM wrote:
1) copier et coller
- la feuille de style dans le head de sa page
- le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que
ce le style de la galerie.
Ben alors si tu sais, t'as t'y essayé ?
Pas retourné voir mais à mon idée entre les 2 balises style du head il
n'y a que le nécessaire à la galerie, le reste des styles de la page
doit être dans un (ou des) fichier externe.
finalement moi j'ai regardé dans les fichiers de style, effectivement si tu
copie le code source intégral sa fonctionne.
perso j'aime pas trop copier les scripts des autres pour ne pas avoirs de
soucis c'est pour cela que je préfère m'en inspiré.
1) copier et coller - la feuille de style dans le head de sa page - le div 'container' au complet dans le body de la page
oui je le sais bien mais tu crois que sur la feuille de style il y a que ce le style de la galerie.
Ben alors si tu sais, t'as t'y essayé ?
Pas retourné voir mais à mon idée entre les 2 balises style du head il n'y a que le nécessaire à la galerie, le reste des styles de la page doit être dans un (ou des) fichier externe.
finalement moi j'ai regardé dans les fichiers de style, effectivement si tu copie le code source intégral sa fonctionne.
perso j'aime pas trop copier les scripts des autres pour ne pas avoirs de soucis c'est pour cela que je préfère m'en inspiré.
