High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Agrandir une image au passage de la souris

Dernière réponse le 30 sep 2009 à 11:44:21 sin62, le 3 oct 2007 à 19:24:00 
 Signaler ce message aux modérateurs

Bonjours à tous,

je suis en pleine creation de site et je bloque sur une chose, j'ai des images miniature de 80 sur 60,
et j 'aimerai au passage de la souris l'image s'agrandir en 320 sur 240.
Il a une exemple le site http://www.entrevue-web.fr
merci de votre aide

Meilleures réponses pour « agrandir une image au passage de la souris » dans :
Agrandir une image de petite taille VoirQuand l'ordinateur agrandit une image, il doit "inventer" les pixels manquants. Il existe différentes méthodes de calcul pour inventer ces pixels. Sommaire: Photo Dessin au trait Recommandations pour de meilleurs résultats Liens Le...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Posez votre question Répondre

1

sfel, le 3 oct 2007 à 19:41:10
  • +1

Bonjour.

alors je vois parfaitement de quoi tu parle... (cependant, je ne le troue pas sur le site que tu donne)

il te faut réaliser un petit script en javascript, qui en fait, change l'image lorsque tu passe dessus.
Il te faut donc deux fois la mm image en 80x60 et la même en 320x240. 

<input type="image" name="page" value="main" onMouseOut="src='ton_image_petite.jpg'" onMouseOver="src='img/Titre/ton_image_grande.jpg'" src="ton_image_petite.jpg" width="108" height="46" border="0">


alors il ya trois étapes.
le onMouseOut (sourie pas dessus)
le onMouseOver (sourie dessus)
et le src (c'est l'état par défaut, lorsque ta page se charge, et que la sourie a pas encore été détectée.)
L'ennemi est bête : il croît que c'est nous l'ennemi, alors que c'est lui !
GLOUGLOU ...

   
Répondre à sfel

2

sin62, le 3 oct 2007 à 23:54:18

Bonjour,
ok merci beaucoup je vais esseyai

   
Répondre à sin62

3

zouina, le 12 jan 2008 à 13:40:48
  • +1

Salut

Moi je cherche desespérément un script qui me permetterait d'agrandir une photo à partir d'une mignature au passage de la souris et qui disparaitrait instentanèment dés que la souris s'eloigne.
Quelqu'un peut il m'aider?

   
Répondre à zouina

16

 ariel, le 30 sep 2009 à 11:44:21

Salut Zouina moi aussi je cherche désespérément cette fonction et je ne sais toujours pas. As-tu trouvé ton bonheur

   
Répondre à ariel

4

sfel, le 13 jan 2008 à 20:09:42

Bonsoir ziouna,

mon script ne te correspond pas ???

L'ennemi est bête : il croît que c'est nous l'ennemi, alors que c'est lui !
GLOUGLOU ...

   
Répondre à sfel

5

titoul, le 24 jan 2008 à 19:58:12

Bonjour sfel,

Je serais intéressée d'avoir la suite du lien javascript que tu as donné; malheureusement ce lien est tronqué:

<input type="image" name="page" value="main" onMouseOut="src='ton_image_petite.jpg'" onMouseOver........

la suite étant cachée par la pub à droite de l'écran; ce serait sympa que tu me le redonnes entièrement mais sur deux lignes;

Merci d'avance. Cordialement.

   
Répondre à titoul

7

sfel, le 24 jan 2008 à 20:37:23
  • +1

<input type="image" name="page" value="main"
onMouseOut="src='ton_image_petite.jpg'"
onMouseOver="src='img/Titre/ton_image_grande.jpg'"
src="ton_image_petite.jpg" width="108" height="46" border="0">


tout ca dans la même ligne

L'ennemi est bête : il croît que c'est nous l'ennemi, alors que c'est lui !
GLOUGLOU ...

   
Répondre à sfel

6

lisou, le 24 jan 2008 à 20:13:25
  • +1

Dreamweaver (images survolées) sinon si c'est ça

http://www.jarodxxx.com/public/Tutoriels/infobulle/index.htm­l

allez là

http://www.jarodxxx.com/...

   
Répondre à lisou

8

titoul, le 24 jan 2008 à 20:45:51

Merci Lisou pour ta réponse, j'avais vu ces sites mais sans résultats sur le mien après mille essais ...et des bouquins spécialisés pour les nuls; seulement, le problème est là:

"Vous aurez besoin d'un fichier java script a intégrer , quelques images pour essayer , 3 ligne de CSS et une pincée de HTML ... Ce qui donnera ca !" sur http://www.jarodxxx.com/...

Je ne travaille mes sites persos qu'avec un éditeur wysiswyg et HTMI, CSS, Javascript, je nage en brasse ...très coulée malgré patience, courage et longueur de temps ....

Ce serait chouette à toi de me donner le code intégral (je sais c'est un énorme effort que je demande) sur, par exemple la page ci-dessous de notre ancienne maison (vendue): www.property-maison.com ; il y aurait 4 photos à ouvrir en infobulle, ce serait génial !
Après cela, lorsque j'aurai compris où mettre les "formules" magiques (entre Head et Head, Body et Body, etc...), je devrais alors y arriver.

Si c'est trop demandé, pas de pb, je comprendrais.
Sinon, un très grand merci d'avance et très cordialement.

   
Répondre à titoul

9

titoul, le 24 jan 2008 à 20:49:45

Merci sfel pour ta rapidité, lisou m'avait déjà écrit; grâce à vous deux, je vais peut-être y arriver.
Très cordialement.

   
Répondre à titoul

10

titoul, le 24 jan 2008 à 21:27:03

Bon, en fait, je ne sais même pas à quel endroit je dois coller ton lien; et "image.src" c'est avec les CSS ou non?

Merci d'avance pour la null des nulles.

   
Répondre à titoul

11

lisou, le 24 jan 2008 à 21:57:32

Là je pense qu'il explique bien .

http://www.clubic.com/...

Il faut faire des essais mais c'est pas trop dur
un peu de patience et on y arrive c'est en essayant et en faisant des erreurs qu'on fini par avancer

Bon courage

   
Répondre à lisou

12

scorpio, le 15 aoû 2008 à 08:54:39

Slt jé le meme problem mé je veu utilizé cette astusse d'agrandir l'image sous excel en utilisan lé macro alrs svp aidé moi
é merci d'avance

   
Répondre à scorpio

13

acl, le 16 aoû 2008 à 10:11:58

Malheureusement je n'ai toujours pas réussi à faire quelque chose de bien, comme je le voulais

Je reste pour l'instant sur un site statique jusqu'à ce que j'y arrive.
Désolée.

   
Répondre à acl

14

Prise de neurone, le 14 nov 2008 à 09:14:41

Bonjour,
J'ai consulté les sites proposés mais je n'y arrive toujours pas. je ne sais jamais où mettre les codes. Voilà le texte où je dois inclure les codes pour le rollover. Qui peut me dire exactement quoi inclure et ou ?
Merci !

<tr>
<td width="19%" height="110"><div align="center"><span class="Style25"><img src="0101k.jpg" width="185" height="125" /></span></div></td>
<td width="1%"> </td>
<td width="20%" height="110"><div align="center"><span class="Style25"><img src="0102k.jpg" width="185" height="121" /></span></div></td>
<td width="1%"> </td>

   
Répondre à Prise de neurone

15

Benbaw83, le 11 jui 2009 à 17:41:05

Bonjour,

J’ai sur mon site des images assez petites aussi et j’aimerai qu’au passage de la souris elles s'agrandissent.

Sur l'exemple http://www.jarodxxx.com/public/Tutoriels/infobulle/index.htm­l
Lorsqu'on passe la souris sur l’image, elle apparaît en plus grande. C'est ce que j'aimerai faire.

J’ai enregistré le site ci-dessus sur mon disque dur pour essayer. Lorsque je clique sur "index", au passage de la souris, l’image n’apparaît pas, il y a seulement le petit texte où il est écrit « logo de présentation ».

Je ne vois pas d’où vient le problème. Quelqu'un peut m'aider?

Merci de votre aide.

   
Répondre à Benbaw83
Posez votre question Répondre
Ils ont besoin de votre aide