Changement d'image au passage de la souris

**Admin** Mer 06 Mar 2013, 15:41

Bonjour à tous, voici un code qui peut vous permettre de changer d'image au passage de la souris.
Cela peut-être utile si vous apportez une correction sur une photo Wink

Code:: <style>#image1 { background:url('lien de l'image avant correction');width:700px;height:700px; } #image1:hover {background:url('lien de l'image après correction'); }</style> <div id="image1"></div>

Il vous suffit de copier le code ci-dessus dans votre message, de placer le lien de l'image avant correction à la place du texte 'lien de l'image avant correction' et le lien de l'image corrigée à la place du texte 'lien de l'image après correction' en laissant l'apostrophe avant et après.

Avec l'hébergeur HostingPics, vous devez seulement copier le lien de la photo et non l'ensemble du lien :

Code:: EXEMPLE : Copier seulement le lien de l'image ci-dessous et non l'ensemble comme dans le deuxième lien complet. http://img4.hostingpics.net/pics/349717271.jpg [url=http://www.hostingpics.net][img]http://img4.hostingpics.net/pics/349717271.jpg[/img][/url]

Vous devez aussi insérer la largeur et la hauteur de la photo d'origine dans width et height. (width pour la largeur et height pour la hauteur)

Voir le résultat ci-dessous en passant la souris sur la photo Wink

. (Photo que j'ai proposée en correction ici page 2 : http://www.virusphoto.com/260175-enlever-les-cernes-svp.html

**fanfan** Mer 06 Mar 2013, 15:57

C'est pas mal , merci pour le code

Invité Mer 06 Mar 2013, 16:50

Super !!!! cheers

Merci pour le code Patrick. Ca peut s'appliquer à pas mal de chose en fait. cool

pour la retouche, impressionnante !

**Firefly** Mer 06 Mar 2013, 17:54

Carrément génial, merci Patrick Wink

Invité Mer 06 Mar 2013, 18:42

Je viens de l'essayer et une petite précision pour le lien, c'est celui de l'hébergement. Il n'y a pas besoin de le passer par l'icône "Image".
Pour les valeurs, si comme moi, vous laisser Serving redimensionner l'image, c'est 800x650 px.

Invité Mer 06 Mar 2013, 22:27

Tu fait beaucoup d'effort Partick bonjour

Merci infiniment

**jmlyon** Mer 06 Mar 2013, 23:26

Merci Patrick pour cette astuce qui offre plein de possibilités cool

**Admin** Jeu 07 Mar 2013, 08:12

Merci à vous, j'essaie toujours de trouver des petites astuces Wink

Invité Sam 07 Déc 2013, 13:12

**G2Vicoigne** Sam 07 Déc 2013, 13:44

Merci Patrick pour le code

Invité Sam 07 Déc 2013, 19:02

Patrick

**Admin** Mar 03 Fév 2015, 20:25

Il n'y a pas de raison pour que ça ne marche pas Victor Wink

Le avant/après comme ça, c'est vraiment sympa pour voir les plus petits détails de retouche loupe

**Admin** Mer 04 Fév 2015, 07:53

sachant que le forum redimensionne automatiquement les photos à 800 px de large, il faut peut-être ne pas mettre des photos plus large avec ce code.
Je vais tester Wink

**Beaud57** Mer 04 Fév 2015, 08:07

Victor, c'est bien la cause Wink

. Il ne faut copier que le lien de la photo et non l'ensemble. (Ce qui est entre les points du lien et non l'ensemble du lien sans les points).

Code:: [url=http://www.hostingpics.net][img]............http://img4.hostingpics.net/pics/300663541.jpg...............[/img][/url]

Voici le code de l'essai ci-dessous Wink

Code:: <style>#image1 { background:url('http://img4.hostingpics.net/pics/296524441.jpg');width:530px;height:800px; } #image1:hover {background:url('http://img4.hostingpics.net/pics/811028852.jpg'); }</style> <div id="image1"></div>

**Beaud57** Mer 04 Fév 2015, 08:59

Tu viens de me faire faire un retour en arrière en parlant de photocomposeuse Victor Laughing

Quand je suis rentré dans l'imprimerie, nos "infographistes" de l'époque et notamment le binôme qui travaille encore avec moi aujourd'hui était sur une photocomposeuse Linotype CRTronic 360

L'ancêtre de l'informatique en photo pour nos amis Laughing

Admirez le double lecteur de disquettes 5 pouces 1/4 qui pouvait contenir 1200 Ko max... chacune évidemment siffleur

Contenu sponsorisé

Changement d'image au passage de la souris

Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris

Re: Changement d'image au passage de la souris