City Hunter
Utilisateur : anonyme   Jeudi 25 Avril 2019 
     
Provenance géographique des visiteurs


SOFUN - Blog, article : Roll-Over à 10000 Yen dimanche 06 novembre 2005 - 16:56
Roll-Over à 10000 Yen


 
J'ai pu constater dernièrement sur les blogs environnants que la question sur la mise en place d'un roll-over intéresse quelques personnes.
Voici donc un petit article pour détailler ce procédé.

D'abord, nous mettons en place notre image de base :

<img src="http://mon.serveur.fr/.../image1.jpg">


Cette image va devoir ensuite être capable de détecter le passage de la souris. Pour cela, nous disposons de deux événement, onMouseOver et onMouseOut, qui sont solicités lorsque le curseur de la souris entre et sort de la zone image.

L'utilisation de ces deux événements est assez simple :
  • onMouseOver="action1"
  • onMouseOut="action2"
    action1 va permettre de faire afficher la nouvelle image et action2 va permettre de faire afficher l'image initiale.

    Bon, j'espère que je ne vais pas embrouiller les esprits.

    Les deux instructions vont donc ressembler à ça :
  • onMouseOver="this.src='http://mon.serveur.fr/.../image2.jpg'"
  • onMouseOut="this.src='http://mon.serveur.fr/.../image1.jpg'"

    Afin d'éviter toute mauvaise surprise, il faut bien faire attention d'encadrer les deux URLs de simples guillemets (apostrophes) pour ne pas causer de problème avec les doubles guillemets qui encadrent l'action.

    Il ne reste plus qu'à intégrer les deux événements à l'intérieur même de la balise permettant l'affichage de l'image :
    <img src="http://mon.serveur.fr/.../image1.jpg" onMouseOver="this.src='http://mon.serveur.fr/.../image2.jpg'" onMouseOut="this.src='http://mon.serveur.fr/.../image1.jpg'">

    Bien entendu, il est préférable d'éviter le s retours à la ligne.

    Pour mon exemple concrêt, voici ce que ça donne :

    <img src="http://so.fun.free.fr/modules/blog/photos/10000yen_face1.jpg" width="400" onMouseOver="this.src='http://so.fun.free.fr/modules/blog/photos/10000yen_face2.jpg'" onMouseOut="this.src='http://so.fun.free.fr/modules/blog/photos/10000yen_face1.jpg'" border="3">


    Je pense qu'il s'agit de la plus simple manière de faire car elle ne nécessite pas l'appel de fonctions.
    J'espère que cela vous sera utile.
  •  
    publié par Forrest
    Ajouter un commentaire

    Voir les commentaires (23)

    SOFUN - Blog, article : Restaurant Japonais vendredi 28 octobre 2005 - 01:17
    Restaurant Japonais


     

    Cette photo a été prise en Aout 2002. Cette année là, je me suis laissé convaincre de venir rejoindre Ludo et MP au Japon.

    D'après mon souvenir, il s'agit d'un restaurant spécialisé dans le crabe. Ce n'est pas flagrant sur un photo, mais celui qui est en facade est animé. Je trouve cette construction assez jolie, surtout au milieu des immeubles high-tech.

    Bon, dès que je récupère mon appareil photo, j'essaie de faire un peu de tourisme à Rouen.
     
    publié par Forrest
    Ajouter un commentaire

    Voir les commentaires (10)

    SOFUN - Blog, article : Tout a un commencement mardi 25 octobre 2005 - 02:41
    Tout a un commencement


     
    Bienvenue à l'inauguration de ce blog.


    Commençons par une brève présentation de ma personne histoire d'accoler une photo pour illustrer l'article. Mon humble personne se surnomme Forrest, et comme certains n'y accordent que peu d'attention, j'insiste sur le fait qu'il y a deux "R" dans ce nom, ceci me permettant de ne pas manquer d'"R". Il est possible de me croiser dans les rues de Rouen, et comme mon CV l'indique, je suis informaticien.

    Ici, je n'essaierai même pas de rivaliser avec les blogs de Ludo et MP qui sont extrèmement riches en informations (principalement sur le Japon) et mis à jour quotidiennement.

    Pour le moment, il n'y a pas de thème fixé, mais je souhaite parvenir à y mettre autre chose que de l'informatique.

    Mais dans un premier temps, j'aimerai pouvoir avoir un avis sur le site au niveau de l'aspect visuel et ergonomique. Pour ma part, un point qui me chagrine est la couleur des liens: actuellement bleu, je les ai essayés en orange et en vert qui font partie du site, mais je ne suis pas convaincu. Je suis donc particulièrement ouvert aux suggestions sur ce point. Je suis également soucieux de la qualité de fonctionnement du blog étant donné que celui-ci a entièrement été développé par moi, donc n'hésitez pas à m'informer d'éventuels bugs qui se manifesteraient.
     
    publié par Forrest
    Ajouter un commentaire

    Voir les commentaires (16)


    Plus r�cents




    Nombre de surfeurs égarés en ce moment : 19
    SOFUN - Le Site Où il Fallait Un Nom