Discussion :

[Amadou31]

Bonjour à tous !
Je m'explique :
je voudrais mettre dans mon blog des images assez grosses. Dans l'article, elles apparaissent en miniature, puis quand on clique dessus, elles s'ouvre dans une autre page.
Et c'est là que j'attends votre aide !
En effet, la photo s'affiche à la taille réelle, parfois donc plus grande que l'écran.
Je voudrais que la photo se mette automatiquement à la taille de la fenêtre, exactement comme ici : http://fr.wikipedia.org/wiki/Image:F...d_DSC09293.jpg (cliquez sur le pain), et que le curseur se transforme en + pour pouvoir zoomer si on clique (tout pareil que dans l'exemple du pain)
Est-ce que quelqu'un saurait comment faire ?
J'espère que vous pourrez me répondre, et j'espère avoir été assez clair !
Merci beaucoup
Amadou

[agrotic]

bonjour,

je crois que j'ai ce qu'il te faut : PopBox
http://www.c6software.com/Products/PopBox/Default.aspx

simple, efficace.

[Amadou31]

Merci, mais ça m'a l'air un peu compliqué, en fait !
J'ai essayé d'insérer, pendant que je rédige l'article (là où on meut modifier le code html) du javascript, pour ouvrir la photo dans un cadre séparé de dimensions fixes, mais il semble que le blog ne l'accepte pas, ou alors je ne fais pas ce qu'il faut : quand je veux publier, il me dit qu'il n'accepte pas la balise "head", je suppose que la balise "script" il l'ignore...

Mais en réalité, j'aimerais vraiment pouvoir faire exactement comme dans cet exemple : http://fr.wikipedia.org/wiki/Image:F...d_DSC09293.jpg !!
C'est vrai que je suis exigeant !!
On clique, on voit l'image à la taille de la fenêtre, et éventuellement on reclique pour voir l'image taille réelle : avec Internet Explorer, on clique sur un carré en bas à droite avec des flèches rouges vers l'extérieur, avec Firefox, le curseur devient une petite loupe avec écrit le symbole + ou - ....
Est-ce que c'est possible ?
Quelqu'un connait-il la syntaxe html ?

Merci !

[Bisûnûrs]

Il n'y a pas de syntaxe HTML. C'est un lien direct vers l'image que tu dois faire et non un lien vers un fichier HTML contenant l'image. Après c'est le navigateur qui s'occupe de redimensionner l'image.

[Amadou31]

Merci Bisûnûrs !
Je crois que tu as compris ma question, c'est très gentil à toi !

Mais pourtant, il me semble bien faire comme tu as dit : je mets un lien vers l'image, non ? où me gourre-je ?
voici le code :
(le "onblur" est rajouté automatiquement par le blog, je ne sais pas ce que ça signifie)

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" target="_blank" href="http://bp2.blogger.com/_QR8YnWstR-Y/RzGbwTvy_UI/AAAAAAAAACM/qlYfhxVpNFw/s1600-h/cage.jpg"> <img style="cursor: pointer;" src="http://bp2.blogger.com/_QR8YnWstR-Y/RzGbwTvy_UI/AAAAAAAAACM/qlYfhxVpNFw/s400/cage.jpg" alt="" id="BLOGGER_PHOTO_ID_5130052704788479298" border="0" />
</a>
fin

Résultat : on clique sur l'image, elle s'ouvre en énorme dans une autre fenêtre... mais sans l'effet de http://fr.wikipedia.org/wiki/Image:F...d_DSC09293.jpg ...

Bouh...

[Bisûnûrs]

Ton lien est bon, mais effectivement ton image se redimensionne pas. Pourquoi ? Je n'en sais rien.

Ce que je sais, c'est que les informations concernant l'image (type de fichier, dimensions, ..) ne sont pas envoyées au navigateur (regarde sur Firefox, dans le titre de ton navigateur, ton image et celle de Wikipedia, tu verras la différence).
C'est peut-être dû à ton image qui est corrompue, mal uploadée, au mauvais format, etc.

[BnA]

Comme dit plus haut, c'est le browser qui s'occupe de redimensionner l'image.

Essaie avec une très grande image, genre photo perso, avec une grosse résolution, type 3000px de large, et 2000px de haut (par exemple hein!), ton image devrait se faire redimensionner automatiquement.