• Comment changer l'image en passant avec la souris et la rendre cliquable ?

         
     

    Avec Eklablog c'est très facile de changer une image pour en faire par exemple un bouton, qui peut aussi servir de lien, ou bien encore, comme je le fais souvent pour pas charger mon post par trop de photos, je place deux, même trois sur le même emplacement, je vous explique

    Avant tout il est préférable d'avoir deux ou trois photos de même taille, sinon cela fonctionne quand même, mais le résultat n’est pas top (décalage)

    Le plus simple après de les avoir créées, c’est de les héberger sur votre blog soit sur une page cachée ou plus simplement dans votre espace perso chez Eklablog via rappel (contenu, gérer les fichier) et de noter les URL            

         

     

         
     

    Une fois dans votre éditeur de blog, vous insérez votre image via l’onglet IMAGE ou via l’icône représentant une image

    Une fois que votre image est dans votre note (IMAGE A)

    Vous sélectionnez  l’IMAGE A et vous cliquez ensuite sur la petite Icône représentant une image

    Une fois l’opération effectuée, le module Insérer / Editer une image s’ouvre et cliquez sur l’onglet AVANCÉ

    Cochez ensuite la case Image Alternative

    Mettre URL Image 2 dans la section : Au survol de la souris ou prendre l'image hébergée sur Eklablog via le bouton à droite de celui-ci

    Mettre ensuite l'Image 1 dans la section à la sortie de la souris (exemple A)

    Si vous voulez faire apparaitre une autre image après le passage de la souris, mettre alors l'Image 3 (exemple B)

    Une fois fait les réglages, cliquez sur Insérer et voyez le résultat

     

     
         
     

     


    Vous pouvez constater vous-même dans l’exemple B que l’image A du départ n’apparait plus, c’est l’image B qui reste quand on n’est plus dessus avec la souris.

     

    Exemple A

     

     

     

     

    Exemple B

     
             
     

    Maintenant reste à la rendre cliquable, rien de plus simple, il suffit d'utiliser l'option insérer / éditer un lien, une fois sur l'image

    Dans l'onglet Général, propriétés générales

    Mettre votre adresse du lien, blog, pages etc dans la zone réservée a droite URL du Lien

    Ensuite dans la Zone cible choisir

    Ouvrir dans cette fenêtre / dans ce cadre si vous voulez que votre lien s'ouvre dans votre blog

    Si vous voulez que cette action s'ouvre dans une autre page, onglet de votre navigateur, choisir Ouvrir dans une nouvelle fenêtre (blank)

    Les deux autres, je ne les utilise jamais

    Ensuite si vous voulez voir apparaitre un texte lorsque vous êtes sur l'image sans bouger, écrivez-le à droite de Titre

    Classe : je n'utilise pas

    Voilà, avec ces deux fonctions, vous pouvez maintenant facilement bien vous amusez dans votre blog.


     

    Comment changer l'image en passant avec la souris et la rendre cliquable ?

     
       
          Prochainement je reviendrais avec les codes HTLM pour faire la même chose pour les personnes qui ne sont pas sur Eklablog et qui voudraient faire des images ou boutons cliquables      

     

     

    Une question ?

     

     


    Tags Tags : ,