Aller au contenu

Changer window.status quand souris est sur 1 image


Sujets conseillés

Posté

Bonjour

Je pose un image dans mon website

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

Posté
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.

Posté

Giangcui,

Voici un bout de code JavaScript à mettre entre <head> et </head>:

<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

Posté
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

Posté
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 ...

Posté
Y'a pas une solution plus élégante que JavaScript pour accomplir cela ?

dites, vous avez quelque chose contre la balise title ?

<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)

Posté
dites, vous avez quelque chose contre la balise title ?

Euh, c'est pas ce que j'ai dit ? :huh:

Posté
Euh, c'est pas ce que j'ai dit ? :huh:

:oops: ca ne me reussit pas d'avoir repris le travail moi, désolé.

Posté
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 ;)

Posté
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 ;)

Dan

Posté

Merci beaucoup à tout.

Ce sont les bons informations!

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

:thumbup:

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...