Discussion :

[clairetj]

Bonsoir ou bonjour a toutes et tous.
Voila, je bosse sur un nouveau projet de site web et j'aurai vraiment besoin d'aide. Mon objectif: je voudrais mettre sur une page web une sorte de mosaïque de photos en réduit et que quand on clique dessus on arrive sur une nouvelle page avec la photo dans sa taille normal.
Mon problème c'est que déjà je ne vois pas comment faire pour faire ma mosaïque de photos mis à par mettre le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="../nomdudossier/nomdelaphoto.png" />

plein de fois à la suite. Bon sa à la limite sa me dérange pas par contre c'est pour l'affichage des photos en miniatures et cliquer dessus pour avoir la photo dans sa taille d'origine.

Merci d'avance à toutes et à tous pour votre aide
Cordialement,
Clairetj

PS: pour vous donnez une idée de sa que je veux faire c'est un peu comme lorsque l'on recherche une image sur google image ^^

[ABCIWEB]

Bah suffit de mettre un lien <a href = "..."autour de <img src="../nomdudossier/nomdelaphoto.png" /> et cela te dirigera vers une page où tu pourras afficher l'image en grand.

[clairetj]

Merci à toi pour ta réponse ABCIWEB par contre avec ta solution, est ce que l'image apparait en miniature puis quand on clique dessus on a bien la page avec l'image en grand ou est ce que l'image est en taille normal ???

[ABCIWEB]

Je sais pas c'est comme tu veux. A l'intérieur du lien tu mets par exemple un photo en miniature et dans la page de destination une photo plus ou moins grande c'est comme tu veux.
En fait il faut deux images sur ton serveur, la petite et la plus grande. Tu pourrais aussi n'en n'avoir qu'une (grande) mais le chargement de ta page de vignettes ne serait pas optimisé puisqu'il faudrait charger les grandes images pour les redimensionner en plus petit.

[clairetj]

oki merci et tu ne connaitrai pas un logiciel qui me permettrai de réduire la taille de mes photos par hasard ???

Petite question en plus, si je veux faire pareil pour des video, je supose que le mieu est de faire une image de la première image de la video et quand je clique dessus arriver sur une page avec la video n'est ce pas ???

[ABCIWEB]

oki merci et tu ne connaitrai pas un logiciel qui me permettrai de réduire la taille de mes photos par hasard ???

Dans les gratuits et en français il y a par exemple PhotoFiltre (simple et assez complet) et The Gimp (beaucoup plus puissant mais aussi plus complexe).

Petite question en plus, si je veux faire pareil pour des video, je supose que le mieu est de faire une image de la première image de la video et quand je clique dessus arriver sur une page avec la video n'est ce pas ???

Tout à fait

[clairetj]

Par contre ABCIWEB est ce que par hasard tu ne connaitrai pas la ligne de code pour les videos comme pour les images par hasard ???

[ABCIWEB]

Pour les vidéos y'a un truc pas mal c'est de les poster sur Youtube ou Daily motion puis de recopier le code source qu'ils fournissent. En plus cela te fait des économies de place et de bande passante sur ton serveur.

Sinon il faut mettre un code avec un playeur flash donc c'est suivant le playeur flash que tu utilise.

Il y a aussi la possibilité d'utiliser les nouvelles balises html 5 mais c'est encore trop récent pour être universel.

[clairetj]

Ok merci pour ta réponse, une dernière question et après je te laisse tranquille ^^, tu me conseillerai quoi comme logiciel pour faire des miniatures de mes photos et pour youtube on a une place illimité pour les vidéo ou bien c'est limité ???

[Nheo_]

tu me conseillerai quoi comme logiciel pour faire des miniatures?

Bonjour,

Pourquoi ne pas utiliser PHP pour faire tes miniatures ?

Regarde les fonctions imagecopyresized ou imagecopyresampled.

[Invité]

Pourquoi ne pas utiliser PHP pour faire tes miniatures ?

Bonjour,
j'ai écrit des fonctions qui marchent bien : Fonctions de redimensionnement d'images

Pour les vidéos y'a un truc pas mal c'est de les poster sur Youtube ou Dailymotion

Je confirme !
D'autant que youtube crée automatiquement une miniature de la vidéo (il suffit d'en récupérer l'URL).

[ABCIWEB]

Ok merci pour ta réponse, une dernière question et après je te laisse tranquille ^^, tu me conseillerai quoi comme logiciel pour faire des miniatures de mes photos ???

Photofiltre sera bien suffisant et il est facile d'accès.
Après si tu as le temps et que tu veux beaucoup de possibilités Gimp est intéressant mais pour de simples redimensionnement le premier cité fera bien l'affaire.

Dans tous les cas pense à exporter tes photos pour le web, tu gagneras de la place et en vitesse de téléchargement. Ces deux logiciels possèdent cette option.

[clairetj]

Merci a tous pour vos réponses et donc en ce qui concerne youtube, il y a un espace de stockage de vidéo illimité ou bien il donne une certaine capacité ???

[clairetj]

Bon ba voila j'ai enfin fini mon site web et je vous invite a voir ce que cela donne grâce à vos nombreux conseils qui m'ont permis de le finir. Je vous invite donc a taper www.fandefootus.fr et de voir le résultat de vos conseils. Et si par le plus grand des hasard vous aimez le contenu du site et que vous avez facebook, n'hésitez à devenir fan de la page officiel du site en tapant sur facebook fandefootus.fr

[ABCIWEB]

Juste une petite critique au passage sur la présentation. C'est peu lisible (et fatiguant) l'écriture sur le fond en gazon. Je garderais le fond en gazon mais je mettrais l'écriture dans des encarts (div) avec un fond uni

[clairetj]

Oki je prend note, je vais essayer de modifié ce petit détail et tu me conseillerai quel couleur qui pour allé bien ???

[ABCIWEB]

A toi de voir.

Il faut simplement qu'il y ai suffisamment de contraste entre le fond et les caractères pour qu'ils soient faciles à lire. Le fond de lecture doit aussi être assez uniforme.
Avec un fond vert tu peux superposer des fonds blanc ou beige ou jaune... (et donc avec des caractères foncés), sinon un fond noir avec des caractères clairs mais le fond noir avec caractères clairs est passé de mode depuis longtemps car cela fait un ensemble sombre (utilisé fréquemment aux premiers temps du web) et l'on ne s'en sert souvent maintenant que pour des menus.

Il faut que la lecture soit avant tout facile et confortable. Avec un design d'ensemble agréable c'est encore mieux, mais il ne faut pas que le design vienne gêner ce premier point.

Fais des tests dans un logiciel photo ou de mise en page, ou inspire toi de ce qui existe déjà sur le web