Faire une mosaïque de photos [Résolu]

clairetj · 08/06/2011, 21h01

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 · 08/06/2011, 21h44

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 · 08/06/2011, 21h52

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 · 08/06/2011, 21h58

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 · 08/06/2011, 22h04

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 · 08/06/2011, 23h53

Citation:

Envoyé par clairetj

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).

Citation:

Envoyé par clairetj

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 · 09/06/2011, 10h22

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 · 09/06/2011, 10h30

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 · 09/06/2011, 11h22

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_ · 09/06/2011, 11h30

Citation:

Envoyé par clairetj

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.

jreaux62 · 09/06/2011, 15h18

Citation:

Envoyé par Nheo_

Pourquoi ne pas utiliser PHP pour faire tes miniatures ?

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

Citation:

Envoyé par ABCIWEB

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 · 09/06/2011, 17h37

Citation:

Envoyé par 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 ???

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 · 09/06/2011, 17h40

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é ???

ABCIWEB · 09/06/2011, 17h44

ça évolue tout le temps. avant il y avait une limite de 15 minutes par vidéo et maintenant c'est plus mais je ne sais pas combien. Et je ne pense pas qu'il y ait des limites concernant le nombre (enfin pas entendu parlé).

Tu pourras lire tout ça en te rendant dans leur page de téléchargement.

clairetj · 09/06/2011, 19h20

Bon ba merci a tous pour vos réponses et précieux conseils, je pense qu'on a fait le tour de ma question de départ donc je pense qu'on ne se reparlera plus sur ce topic mais à bientôt pour d'autres questions ^^ et encore merci

clairetj · 10/06/2011, 20h35

Je reviens juste sur ce topic pour dire un grand merci a Nheo_ pour son aide en me donnant les sites pour faire des miniatures avec le PHP parce que c'est un truc trop génial, sa marche d'enfer et encore merci a toi Nheo_

ABCIWEB · 10/06/2011, 21h09

A propos de redimensionnement, si par hasard à l'avenir tu devais faire un formulaire d'upload pour télécharger des fichiers sur ton site (depuis ton site), tu pourrais aussi les redimensionner par la même occasion. Cf cette classe.

clairetj · 12/07/2011, 21h18

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 · 12/07/2011, 22h09

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 · 13/07/2011, 19h06

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

08/06/2011, 21h01	#1
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	Faire une mosaïque de photos 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 ^^
	00

08/06/2011, 21h44	#2
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 242 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 242 Points : 1 564 Points : 1 564	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. __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

08/06/2011, 21h52	#3
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	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 ???
	00

08/06/2011, 21h58	#4
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 242 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 242 Points : 1 564 Points : 1 564	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. __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

08/06/2011, 22h04	#5
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	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 ???
	00

09/06/2011, 10h22	#7
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	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 ???
	00

09/06/2011, 10h30	#8
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 242 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 242 Points : 1 564 Points : 1 564	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. __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

09/06/2011, 11h22	#9
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	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é ???
	00

09/06/2011, 17h40	#13
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	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é ???
	00

09/06/2011, 17h44	#14
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 242 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 242 Points : 1 564 Points : 1 564	ça évolue tout le temps. avant il y avait une limite de 15 minutes par vidéo et maintenant c'est plus mais je ne sais pas combien. Et je ne pense pas qu'il y ait des limites concernant le nombre (enfin pas entendu parlé). Tu pourras lire tout ça en te rendant dans leur page de téléchargement. __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

09/06/2011, 19h20	#15
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	Bon ba merci a tous pour vos réponses et précieux conseils, je pense qu'on a fait le tour de ma question de départ donc je pense qu'on ne se reparlera plus sur ce topic mais à bientôt pour d'autres questions ^^ et encore merci
	00

10/06/2011, 20h35	#16
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	Je reviens juste sur ce topic pour dire un grand merci a Nheo_ pour son aide en me donnant les sites pour faire des miniatures avec le PHP parce que c'est un truc trop génial, sa marche d'enfer et encore merci a toi Nheo_
	00

10/06/2011, 21h09	#17
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 242 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 242 Points : 1 564 Points : 1 564	A propos de redimensionnement, si par hasard à l'avenir tu devais faire un formulaire d'upload pour télécharger des fichiers sur ton site (depuis ton site), tu pourrais aussi les redimensionner par la même occasion. Cf cette classe. __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

12/07/2011, 21h18	#18
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	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
	00

12/07/2011, 22h09	#19
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 242 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 242 Points : 1 564 Points : 1 564	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 __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

13/07/2011, 19h06	#20
clairetj Candidat au titre de Membre du Club Étudiant Inscription : avril 2011 Messages : 46 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Étudiant Secteur : Enseignement Informations forums : Inscription : avril 2011 Messages : 46 Points : 13 Points : 13	Oki je prend note, je vais essayer de modifié ce petit détail et tu me conseillerai quel couleur qui pour allé bien ???
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email