Problème de rollover

Fermé
pierrot - 9 nov. 2007 à 19:18
 ithaque - 26 sept. 2010 à 13:12
Bonjour,

J'ai un petit problème que certains ici je pense pourront résoudre facilement..

Je suis entrain de réaliser une interface HTML sans vraiment connâitre l HMTL comme un pro, et je cherche à effectuer un rollover sur un bouton, lui même au sein de mon image de fond d'écran...

En clair je veux que mon bouton, lorsque je passe la souris dessus, soit remplacé par un autre bouton que j'aurai au préalable dessiné.
Je travaille avec gimp pour le graphisme, et Kompozer pour l'édition HTML...

Donc voila si quelqu'un aurait une petite idée là dessus je lui en serai tres reconnaissant.

Merci

4 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
9 nov. 2007 à 19:24
Bonjour,

Je ne suis pas sûr que ces propositions te soient immédiatement accessibles, mais ce sont des solutions.
Ton bouton devra être extrait de l'image de fond.
On peut voir ça où ?

On peut faire marcher ça comme ça.
Sans Javascript.
N'hésite pas à demander des précisions.

--
0
Utilisateur anonyme
9 nov. 2007 à 19:25
pour faire un rollover tu as besoin de deux images, on va les appeler "img1.gif" (l'image de base) et "img2.gif" (l'image qui apparait quand tu es dessus),
voici le code:

<img src="images/img1.gif" onmouseover="this.src="img2.gif';" onmouseout="this.src='img1.gif';" />

d'habitude j'utilise rarement "this" mais je pense que ca doit marcher
0
un peu vieux ma réponse, mais ton script m'a aidé, à celà pret qu'il y a une légère erreur d'apostrophe : il faut utiliser le code :

<img src="images/img1.gif" onmouseover="this.src='img2.gif';" onmouseout="this.src='img1.gif';" />
0
c'est pas tellement le code qui me pose problème, plus la manière de procéder.. mon site n'est pas en ligne puisque pas terminé..

mais il faut imaginer une image avec texture metal (pour les détails), avec par exemple au centre un bouton cliquable noir, je voudrais qu au passage de la souris il appel un autre bouton de la meme taille mais en bleu ...

Je sais faire ça en appelant carrement une autre page avec exactement le meme design, la meme image, mais avec un bouton different..
En fait avec kompozer je saurais comment faire mais il m'est impossible de bien positionner mon bouton parfaitement.
Et je sais qu il est possible avec gimp de faire du découpage, optimisation pour web et tout ça mais je ne sais comment procéder..
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
9 nov. 2007 à 20:08
Tu fais la découpe avec Gimp.
Au passage, tu peux repérer, au pixel près, la position du bouton.
Tu obtiens des morceaux.
Ces morceaux, tu peux les positionner précisément, au pixel près, dans ta page par CSS.

J'en ai donné un exemple récemment dans ce post.
Imagine que dans le menu ce sont tes images.


++
L'image, ou une partie, peut être déposée quelque part, et être accessible par le web.

--
0
Ok merci je vais étudier cela. J'ai deja effectué mes découpes donc je n'ai plus qu 'a définir leurs position en CSS alors...

Merci d'avoir pris le temps de m'aider. Bonne soirée.
0