Version complète: sur le forum Webmaster Hub : Changer window.status quand souris est sur 1 image
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
giangcui
vendredi 28 mai 2004 à 18:35
Bonjour

Je pose un image dans mon website
CITATION
<img src="http://www.monwebsite/images/gif">

Je veux que quand on move le mouse sur le website. Dans le statut de web browser est annoner "Cliquez pour voir grand l'images"

je connais on peux ercrire tout de temps par javascript window.status="::Cliquez pour voir grand l'images::";

Mais je veux utiliser selement où on move le mouse sur cet image.

Je veux ercire en style pour facilement utiliser <img class="affichez" src="...">

Merci les réponds
Anonymus
vendredi 28 mai 2004 à 18:49
CITATION(giangcui @ vendredi 28 mai 2004, 19:35)
Bonjour

Je mets une image dans mon website

Je veux que quand on bouge la souris sur le site web, dans l'infobulle du navigateur est annoncé "Cliquez pour voir l'image en grand."

je sais que l'on peux ecrire en javascript window.status="::Cliquez pour voir l'image en grand ::";

Mais je veux utiliser cela seulement lorsque l'on bouge la souris sur cette image.

Je veux ecrire en style pour utiliser facilement  <img class="afficher" src="...">

Merci pour les réponses

Il te suffit d'écrire :
<img src="image.jpg" alt="cliquer pour afficher l'image en grand">


A+, Anonymus.
Dan
vendredi 28 mai 2004 à 18:54
Giangcui,

Voici un bout de code JavaScript à mettre entre <head> et </head>:
CODE
<script language="javascript">
window.onload = showStatus;
function showStatus() {
 for ( var count = 0; count < document.images.length; count++ ) {
   document.images[count].onmouseover = myStatus;
   document.images[count].onmouseout =  blankStatus;
 }
}
function myStatus() {
 window.status = "Click here for larger image";
 return true;
}
function blankStatus() {
 window.status = "";
 return true;
}
</script>

Dan
Dan
vendredi 28 mai 2004 à 18:57
CITATION(Anonymus @ vendredi 28 mai 2004, 19:49)
Il te suffit d'écrire :
<img src="image.jpg" alt="cliquer pour afficher l'image en grand">

Salut Anonymus,

Ca ne modifie pas la "status line" mais affiche simplement une "bulle" au survol.

Dan
Denis
vendredi 28 mai 2004 à 20:27
CITATION(Dan @ vendredi 28 mai 2004, 13:57)
Ca ne modifie pas la "status line" mais affiche simplement une "bulle" au survol.

En quel cas de toute façon, l'attribut title aurait été plus fiable puisque seulement MSIE affiche le contenu d'un alt sur mouseover (ce qui est une erreur d'ailleurs, il ne devrait pas faire ça).

Y'a pas une solution plus élégante que JavaScript pour accomplir cela ? À y penser comme ça, j'auras tendance à croire que non ...
Bug
vendredi 28 mai 2004 à 22:38
CITATION(Denis @ vendredi 28 mai 2004, 21:27)
Y'a pas une solution plus élégante que JavaScript pour accomplir cela ?

dites, vous avez quelque chose contre la balise title ?
CODE
<img src="image.jpg" alt="picture" title="Click here for larger image">

je sais quelle n'est pas prise en compte par netscape 6, mais pour les autres ?
(ca affiche la bulle au passage de la souris sous ie6 et firefox 0.8 le tout sur pc)
Denis
samedi 29 mai 2004 à 00:01
CITATION(Bug @ vendredi 28 mai 2004, 17:38)
dites, vous avez quelque chose contre la balise title ?

Euh, c'est pas ce que j'ai dit ? huh.gif
Bug
samedi 29 mai 2004 à 05:00
CITATION(Denis @ samedi 29 mai 2004, 01:01)
Euh, c'est pas ce que j'ai dit ? huh.gif

oops.gif ca ne me reussit pas d'avoir repris le travail moi, désolé.
LaurentDenis
samedi 29 mai 2004 à 05:16
CITATION(Denis @ vendredi 28 mai 2004, 21:27)
Y'a pas une solution plus élégante que JavaScript pour accomplir cela ? À y penser comme ça, j'auras tendance à croire que non ...

Un effet de zoom sur une image au passage de la souris ?

On peut le faire en CSS sans aucun javascript, à partir des techniques exposées dans Les Portes Coulissantes de CSS - Chapitre II.

Pour ceux qui voudrait la recette clé en main, je suis justement en train de relire un article à paraître prochainement qui détaille cet effet CSS. C'est très simple, en fait.

Désolé de vous aguicher, mais ce n'est pas moi qui l'ai écrit, donc je ne peux pas en dire plus pour l'instant. Je reviens vous donner l'url dans quelques jours wink.gif
Dan
samedi 29 mai 2004 à 10:05
CITATION(LaurentDenis @ samedi 29 mai 2004, 06:16)
Un effet de zoom sur une image au passage de la souris ?

On peut le faire en CSS sans aucun javascript, à partir des techniques exposées dans Les Portes Coulissantes de CSS - Chapitre II.

Salut Laurent,

La question initiale était de modifier la barre d'état du navigateur et non de faire un effet de zoom au survol.
Pour ce "comportement", il n'y a malheureusement que le JavaScript qui puisse venir en aide.

Il va de soi que si le zoom sur image avait été le but recherché, j'aurais aussi renvoyé à l'excellent article des "Portes coulissantes" qui fait partie des URLs que tout développeur de site devrait avoir en favori wink.gif

Dan
LaurentDenis
samedi 29 mai 2004 à 10:19
Oups ! shutup.gif
Je m'y prendrais à deux fois pour lire, la prochaine fois wink.gif
giangcui
dimanche 30 mai 2004 à 18:53
Merci beaucoup à tout.
Ce sont les bons informations!

Je vais essayer tous les méthodes pour trouver la meilleur solution.

thumbup.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.