Changement d'image au passage de la souris.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changement d'image au passage de la souris.

Message par Ami-mimi le Mar 23 Avr 2013 - 20:02

Bonjour tout le monde ^_^

Je vous contacte car j'ai en effet insérer sur mon forum de test ce code pour les images de mes descriptions:

Code:
<style>#image100 { background:url('http://www.archive-host.com/files/1997348/c8e1b2bdee2dc09363bb9b165b8fd40891294c7c/reglement1.png');width:106px;height:107px; } #image100:hover {background:url('http://www.archive-host.com/files/1997349/c8e1b2bdee2dc09363bb9b165b8fd40891294c7c/reglement2.png'); }</style> <div id="image100">

Cela fonctionne, aucun soucis, simplement il se trouve qu'à chaque fois que je passe la souris sur l'image, il y a un vide pendant une seconde. J'ai remarqué que cela le fait quand on entre sur le forum pour la première fois...Après cela ne le fait plus.

J'aimerais savoir si c'est possible que ça ne fasse plus cela ou si il n'y a aucune solution.

Voici l'adresse du fofo de test -> http://forumtestfree.forumgratuit.org/

Je vous remercie


Dernière édition par Ami-mimi le Mer 24 Avr 2013 - 19:04, édité 1 fois

Ami-mimi
****

Messages : 207
Inscrit(e) le : 14/11/2010

http://tadakai-rpg.forumgratuit.fr
Ami-mimi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'image au passage de la souris.

Message par AenigmA le Mer 24 Avr 2013 - 9:47

Bonjour, tu peux essayer ainsi avec une seule image ...qui contient les deux (sprite), c'est plus rapide car qu'une image à charger Smile

Pas très réussie mon image mais tu comprendras le principe en la visualisant.

Code:
<style>#image100 { background:url('http://i81.servimg.com/u/f81/11/70/92/73/reglem10.png');width:106px;height:107px; } #image100:hover {background:url('http://i81.servimg.com/u/f81/11/70/92/73/reglem10.png')0 -107px; }</style> <div id="image100">

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'image au passage de la souris.

Message par Ami-mimi le Mer 24 Avr 2013 - 14:38

super merci! =)

Par contre l'image bouge un peu, est-ce normal? x)

Merci

Ami-mimi
****

Messages : 207
Inscrit(e) le : 14/11/2010

http://tadakai-rpg.forumgratuit.fr
Ami-mimi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'image au passage de la souris.

Message par AenigmA le Mer 24 Avr 2013 - 15:44

Je l'ai fait à la va vite, elles ne sont pas centrées comme il faut. Le principal c'est que tu comprennes le principe. Bon taff

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'image au passage de la souris.

Message par Ami-mimi le Mer 24 Avr 2013 - 16:34

Justement j'ai pas trop compris comment centrer =S j'ai jamais fais ainsi...
Je vais essayé de me débrouiller merci ~

Ami-mimi
****

Messages : 207
Inscrit(e) le : 14/11/2010

http://tadakai-rpg.forumgratuit.fr
Ami-mimi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'image au passage de la souris.

Message par AenigmA le Mer 24 Avr 2013 - 16:56

Tu doubles ta zone de travail vers le bas et tu colles la deuxième image, mais les png n'ont pas de bordure (et je n'y vois pas comme il faut) donc dur pour moi de voir 1px d'écart


AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'image au passage de la souris.

Message par Ami-mimi le Mer 24 Avr 2013 - 19:02

Ah d'accord je pensais que c'était directement dans le code qu'il fallait rectifier.

Je te remercie ♥

Ami-mimi
****

Messages : 207
Inscrit(e) le : 14/11/2010

http://tadakai-rpg.forumgratuit.fr
Ami-mimi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'image au passage de la souris.

Message par AenigmA le Mer 24 Avr 2013 - 19:29

C'est le 0 -107px; à la fin qui fait bouger l'image en fait pour prendre celle du bas

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changement d'image au passage de la souris.

Message par Ami-mimi le Mer 24 Avr 2013 - 19:36

Oui ça javais bien remarqué ^^

Merci de m'avoir aidé!
A bientôt ~

Ami-mimi
****

Messages : 207
Inscrit(e) le : 14/11/2010

http://tadakai-rpg.forumgratuit.fr
Ami-mimi a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum