Salut les gars  
Je me pose cette question car je connais un code qui permet d'imprimer toute la page mais ce que j'aimerai c'est un code qui permet d'imprimer uniquement l'image (par un bouton ou en cliquant directement sur celle ci)
Merci d'avance si vous avez une solution.

up

re up

 
   
 
ça m'interesse aussi !

Je sais qu'on peut le faire avec des frames
javascript:parent.frames['framedelimage'].window.print()
 
mais comment faire si on a un script avec des div ?
Est ce que ça s'applique aux divs ?
 

ben... méthode bourrin :
 

 
et une méthode propre et respectueuse des normes y'a pas ?

 
Si, un code XHTML parfaitement propre et formaté UNIQUEMENT avec des CSS, avec deux feuilles de style, une pour l'écran et l'autre pour l'imprimante dans laquelle seule l'image est visible.

Sinon un window.open sur l'url de l'image, suivi d'un print pour cette même fenêtre, ça marche pas ? (j'y connais quasi rien en JS )

 
Oui, c'est ce que je pensais faire.  
Mettre un lien qui sur une page qui présente l'image, puis en cliquant sur ce lien, cela imprimerait une autre page sur laquelle il y aurait juste l'image, c'est possible ça non ?

 
tu pourrais t'expliker un peu plus ?

 
J'ai trouvé un lien qui explique comment faire avec 2 feuilles de style.
Mon probleme est le suivant :
j'ai une page qui propose 2 plans differents, et je souhaiterai que l'utilisateur puisse les imprimer séparement.
Si j'utilise la technique avec 2 feuilles de style, je vois pas trop comment je vais pouvoir faire, pour que ça imprime les plans séparement. ( il y aura 1 lien pour imprimer chaque plan, donc 2 liens  )
 

Ben il s'agit de faire en sorte que tous les élément soient cachés sauf celui de l'image.
 
Donc la feuille de style dédiée à l'impression pourra ressembler à ça :
 

 
Le tag <img> de l'image en question doit avoir un id="monImage"
 
A essayer.
 
Voir la FAQ pour voir comment déclarer une feuille de style pour l'impression.

 
Oui mais si sur la page j'ai deux images que je veux faire imprimer.
Sur la page, y'a deux plans de 2 villes différentes, et y'a 2 liens, 1 qui propose d'imprimer le plan de la ville1 et l'autre le plan de la ville2.
 
Le truc c'est que j'ai l'impression qu'avec les css, je peux que soit imprimer un plan et pas l'autre, soit imprimer les deux.
 
 

Bah si tu veux plusieurs images, tu remplace id="monImage" par class="imagesAImprimer" puis :
 

 
Bon j'ai essayé ça :
ma feuille de style print.css :

 
Dans le head de ma page :
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/print.css" rel="stylesheet" type="text/css" media="print" />
 
et dans le body les 2 liens :
 
<a href="javascript:window.print()" class="imprimer" title="Imprimer le plan">Imprimer le plan >></a>
(pour le 1er plan)
 
<a href="javascript:window.print()" class="imprimer" title="Imprimer le plan">Imprimer le plan >></a>
(pour le 2eme plan)
 
Et ça me donne comme resultat quand je clik sur imprimer le plan, une feuille blanche avec juste l'entete de la page et la date d'impression.

Tu veux imprimer des liens ou des images ?

 
Je veux imprimer des images en cliquant sur des liens

Oups je crois que je viens voir une erreur de ma part lol
je dois mettre
 
img.imprimer dans print.css et class="imprimer" sur les 2 plans non ?
je viens de le faire mais ça ne marche toujours pas...

Tu peux poster le code (ou mieux une URL) de la page qui contient ces plans ?

 
Ok :
http://www.ratopictures.com/intersport/contact.php

Bon en fait c'est le  
 

 
qui foire. Effectivement ça efface tout mais on dirait qu'on ne peut redéfinir ensuite d'autres éléments.
 
Donc ce que tu devrais faire c'est effacer (avec display: none) tous les éléments que tu ne souhaites pas avoir à l'impression à l'expection des éléments qui contiennent les plans.
 

gm_superstar, est-ce que tu pourrai jetter un coup d'oeil à ce que j'ai fais ?
 
Je comprends pas pkoi il n'imprime pas mes images, est-ce que c'est parce que ce sont des gifs animés ?    

Heu et tu as fait quoi comme changement

Ca marche là on dirait. Avec Mozilla et IE6, quand je fais l'aperçu, j'ai les plans et les adresses.
 
Sinon, pour info tu peux réunir les éléments qui partagent la même propriété :
 
.menu-top,
.menu-left,
.logo-site {
display: none
}
 
etc...

L'aperçu a l'air bon oui, mais quand je fais un test d'impression, ben ça ne m'imprime pas les images, ça m'imprime le cadre de l'image (pke g mis un border solid black) et à l'interieur ça m'imprime le "alt" de l'image, cad y'a ecris magasin.
 

http://www.chezmoicamarche.org/

 
et chezmoiçamarchepas.com...  

Tu as essayé avec un autre ordinateur ? Ou une autre imprimante ?

 
Je viens de lancer l'impression par IE 6 et effectivement ça marche, pourquoi mozilla me fait-il n'importe quoi alors ?
 

Tu as quel Mozilla ? Avec Moz 1.3 ça marche chez moi.

 
1.2.1
 
C'est possible que ce soit la version effectivement...:sweat:  
Donc le problème est réglé !
Merci à tous  
   
 
(va falloir ke je mette momo a jour    )