Galerie photo[RESOLU]

bonjour
je cherche a faire à peu près la même chose que le script proposé sur la faq http://css.alsacreations.com/Tutoriels-JavaScript/galerie-photo-javascript
mais j'aimerais en fait que lorsqu'on clique sur mes images, qu'il n'y ait qu'uniquement l'image cliqué qu'i apparait sur la page et non pas les autres miniatures!
quelqu'un aurrait il une idée sur la methode a suivre ou sur les modifications du script a faire ?
Modifié par imotep (20 Jul 2005 - 12:37)

Salut,

<question type="stupide">
Comment tu fais pour revenir à la liste des photos et en sélectionner une autre ?
</question>

Il faudrait masquer (par exemple) la liste des miniatures, mais je vois mal l'interet (cf ma question avant).

j'affiche sur la page un retour a la gallerie, ou bien je laisse les visiteurs utiliser leur bouton de navigateur.

voilà un exemple de ce que j'aimerais faire, mais sachant qu'ici il utilise une page html differente par image alors que moi j'aimerais faire comme l'exemple donné sur alsa.
http://tour.du.monde.free.fr/inde/photos-inde.php

Salut,

Olivier a écrit :
<question type="stupide">
Comment tu fais pour revenir à la liste des photos et en sélectionner une autre ?
</question>

<reponse type=" ">Tu cliques sur la photo!</reponse>
Modifié par koala64 (18 Jul 2005 - 11:27)

Mouais, pas convaincu m'enfin ...

L'idée serait donc de masquer au click sur une miniature la liste des miniatures et d'afficher la photo sélectionnée et d'ajouter un lien "retour" qui au click sur ce dernier masquerai la grosse photo et réafficherai les miniatures.

(je déplace dans le SAV des tutos)
Modifié par Olivier (25 Jul 2005 - 12:05)

koala64 a écrit :
Salut,
<reponse type=" ">Tu cliques sur la photo!</reponse>

Ce genre de comportement (click sur la photo) implique généralement une ouverture en plus grande taille de la photo.

<edit>Galerie, y a qu'un seul "l" en français, tu peux corriger ton titre s'il te plait, merci </edit>
Modifié par Olivier (18 Jul 2005 - 11:30)

crois tu que le tuto de alsa peut convenir pour une galerie comme celle ci http://tour.du.monde.free.fr/inde/photos-inde.php
c'est a dire avec pas mal de vignettes ???

ps: on dit clique et non click en français !

... héhé c'est la guerre...

Bon sinon, çà ne résout pas le problème mais voici un script que j'affectionne dans le même registre...
slide show

C'est limité dans le nombre de vignettes mais pourquoi ne pas séparer les photos dans plusieurs galeries?

très sympas cette galerie de photo, mais pour le cas si js est désactivé on ne peut pas visualisé !

imotep a écrit :
crois tu que le tuto de alsa peut convenir pour une galerie comme celle ci http://tour.du.monde.free.fr/inde/photos-inde.php
c'est a dire avec pas mal de vignettes ???

Pour ton truc, faudrait voir à l'usage, à priori, il n'y a pas de raison que ça ne convienne pas, tu ne charges qu'une seule fois la série complète de vignette ce qui paraît assez avantageux pour un grand nombre de vignette, tu affiches l'image en grand toute seule sans charger quoi que ce soit d'autre que l'image et un lien qui remet l'affichage "classique" en place pour le retour à la liste des vignettes.
Le tout sans JavaScript qui offre le même type de comportement avec ouverture des photos dans une fenêtre donc moins "sexy" mais très utilisable.
A priori c'est adapté je trouve.

imotep a écrit :

ps: on dit clique et non click en français !

Lol, c'est de bonne guerre mais pour les titres, je fais plus gaffe, mais je suis impardonable en effet quoi que, l'orthographe de cliquer... faudrait demander à quelqu'un de l'académie ou je sais pas quoi

je suis en train de voir donc le tuto d'alsa!
Par contre il utilise une liste pour les image alors que moi pour le moment je le fais en tableaux!
oui je sais !!!
mais bon c'est plus facile et rapide pour tester le script!

Si on a plusieur ligne horizontale qui affichent les images, comment peut on faire dans le même esprit du tuto ?

ul#galerie_mini li
{
	float: left ;
}

j'aimerais faire des lignes de 6 images

Un tableau n'est pas adapté (c'est pas histoire de cracher dessus, c'est vrai !) pour ça, il n'y a aucune cohérence à utiliser un tableau, la première ligne n'a rien de parallèle à la deuxième, c'est simplement la suite, il n'y a pas de distinction entre chaque colonnes c'est encore une fois la suite. Bref, c'est vraiment pas adapté ^^

Pour mettre 6 images, et bien, tu les mets en float left et tu met des marges adéquates pour qu'il en rentre 6 sur une ligne et que le reste passe automaiquement en dessous.

Olivier a écrit :
Un tableau n'est pas adapté (c'est pas histoire de cracher dessus, c'est vrai !) pour ça, il n'y a aucune cohérence à utiliser un tableau, la première ligne n'a rien de parallèle à la deuxième, c'est simplement la suite, il n'y a pas de distinction entre chaque colonnes c'est encore une fois la suite. Bref, c'est vraiment pas adapté ^^

Est-ce que, si je te suis bien, tu chercherais à dire que ce n'est pas adapté ? C'est ça ?

Remets-toi Olivier...

Olivier a écrit :

Pour mettre 6 images, et bien, tu les mets en float left et tu met des marges adéquates pour qu'il en rentre 6 sur une ligne et que le reste passe automaiquement en dessous.

Généré en PHP, le tableau de présentation est nettement plus aisé à gérer et tout à fait adapté à une planche de vignettes. Il est tout aussi accessible.

Ben, non, finalement. Tu ne vas pas t'en remettre
Modifié par Laurent Denis (18 Jul 2005 - 13:54)

Laurent, encore une fois , je ne comprends pas bien où tu veux en venir

Je viens d'ajouter ci-dessus un lien qui explique où j'en suis : viens me rejoindre

Pour résumer, je n'ai aucune raison idéologique de refuser un tableau de présentation :
- justifié par une raison lié à la production du code ou aux limites éventuelles de CSS,
- non obstructif du point de vue accessibilité
- remplissant exactement le même rôle structurel qu'une liste

Tu en as, toi ?

d'accord, il a fallu taper dur sur les tableaux à un moment donné. On l'a fait souvent sans beaucoup de discernement. L'important est de revenir à une approche un peu moins "religieuse"
Modifié par Laurent Denis (18 Jul 2005 - 14:00)

a écrit :
L'important est de revenir à une approche un peu moins "religieuse"

Tu veux sans doute dire: moins extrémiste.

D'accord il ne faut pas tomber dans le fanatisme, et tu as raison de prendre un peu les choses à rebrousse poil, mais ce que je ne comprend pas c'est que c'est assez systématique et à force de t'écouter tu risques de toi même embrouiller certains par exemple en recommandant des tableaux de présentation ou d'utiliser des span à la place de cite et autre...

Un tableau sera dans ce cas de toute façon plus chiant à gérer qu'une liste d'éléments flottants :

- il faut générer le code pour le tableau en plus de celui des balises img
- tu vas sans doutes hurler si je parles de sémantique, mais bon une gallerie d'images est une liste ... d'images. Que cette liste d'images soit présentée verticalement, horizontalement ou placées n'importe où sur un arrière plan réprésentant une plage et des palmiers...

Et par rapport au sens qu'on donne à la structure, on peut bien plus facilement imaginer un traitement avec une liste qu'avec un tableau (par exemple, l'insertion dans un fil rss ou autre). Avec un tableau il faut gérer le fait qu'on différencie ligne et colonne par exemple.

Avec une liste on peut aussi faire un design souple (en 800 on aura 3 images / lignes et en 1280 6 par exemple...)

Non, pas moins extrémiste.

Ici, l'extrémiste, c'est plutôt moi : je me cantonne radicalement à la norme, sans rien y ajouter, en bon extrémiste normatif.

Par exemple, sans y ajouter l'idée que les tableaux doivent (MUST - copyright W3C) être réservés à des "données tabulaires" et qu'ils ne doivent pas (MUST NOT - copyright W3C) être utilisés pour présenter des images en lignes et en colonnes. Idée qui n'a aucune autre source qu'idéologique.

ça m'a permis de m'apercevoir que, du coup, je peux être, sur d'autres points, critique envers la norme : quand elle est effectivement problématique. Pas par idéologie

en fait le tableau pour moi est beaucoup plus simple d'utilisation car je génére les vignette via php!
mon code est structuré ainsi :

<table><tr>
        <?
		while($donnees=mysql_fetch_array($retour))
        {
            $afficher.= '<td> <a href="imagesgalerie/'.$donnees['titre'].'" title="'.$donnees['titre'].'" ><img src="imagesgalerie/petit_'.$donnees['titre'].'" alt="'.$donnees['titre'].'" /></a> <br/> '.$donnees['titre'].'</td>';
            $fait= $fait+1;
            if($fait==6)
            {
            $afficher.= "</tr ><tr>";
            $fait=0;
            }
            
        }
        
        $afficher=str_replace('<tr></tr>', '', $afficher);
        echo $afficher;
        mysql_close();
        
        ?> 
		</tr></table>

ainci lorsque j'ai 6 images sur un <tr> je passe a la ligne suivante ...

Par rapport au float je ne vois pas comment procéder pour aller a la ligne au bout de 6images

Ben tu ne génères justement que les images, et le css fait le reste ...

On t'as donné la solution ici plus haut d'ailleurs... les MARGES .

Laurent >> je ne connais pas les spécifications par coeurs, mais justement soyons réalistes : une fois qu'on dit que css est "créé" pour la présentation, ça veut aussi dire "n'utilisez plus le code html pour la présentation", chose avec laquelle tu es certainement d'accord...

Pourquoi aller s'embêter et embêter les différents utilisateurs avec un tableau de mise en page, sans aucune valeur "sémantique" alors qu'une liste non ordonnées dont la présentation est gérée avec css fait très bien l'affaire et a les différents avantages que j'ai présenté plus haut...

Parce qu'alors, où s'arrête le truc ? refaisons nos sites avec des tableaux ...

même si du points de vue de l'accessibilité quelques personnes se débrouillerons un petit temps pour par exemple ne pas utiliser de tableaux imbriqués, il faudra un rien de temps pour qu'on se retrouve à nouveau dans le bordel duquel on tente de se sortir...