image qui s'affiche au passage de la souris sur un lien

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


sim100
WRInaute accro
WRInaute accro
 
Messages: 1283
Inscription: Dim Fév 02, 2003 18:45

image qui s'affiche au passage de la souris sur un lien

Message le Dim Juil 02, 2006 16:57

Bonjour
Voila, j'ai vu sur un site dont je ne souviens plus l'URL, que au passage de la souris sur un lien, sur carte s'affichait au milieu de la page.

Est ce possible à faire avec un simple script?
Avec vous un exemple?

Merci beaucoup


loobot
WRInaute impliqué
WRInaute impliqué
 
Messages: 378
Inscription: Sam Juil 26, 2003 18:28

Message le Dim Juil 02, 2006 18:02

Le plus simple si tu as Dreamweaver est d'utiliser la fonction "image survolée" ("rollover").

Yvel
WRInaute impliqué
WRInaute impliqué
 
Messages: 428
Inscription: Dim Juin 05, 2005 19:25

Message le Lun Juil 03, 2006 0:37

un roll over a distance .... me semble que c'est possible avec DW.
tu peux aussi tenter avec du CSS mais je ne crois pas que tu trouveras un code tout fait en css


jeromax
WRInaute accro
WRInaute accro
 
Messages: 1087
Inscription: Mer Nov 12, 2003 17:48

Message le Lun Juil 03, 2006 23:12

va voir là, il ya de très bon tutoriaux sur les css
www.alsacreation.org


The ghost
Nouveau WRInaute
 
Messages: 28
Inscription: Ven Juin 09, 2006 2:34

Message le Mar Juil 04, 2006 0:09

Bonjour,

Essaye ça de mémoire ...
html
Code: Tout sélectionner
   <div >
   <a href="ton lien">
   <img src="images/ton_image.jpg" alt="image" class="grand" />
   </a>
     </div>


Css


Code: Tout sélectionner

a .grand
{
display: block;
position: absolute;
width: 0px;
}    
 
a:hover .grand
{
position: absolute;
top: 30px;
left: 100px;
width: auto;
height: auto;
}   


A quelque chose près .


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

Consultez la description détaillée des produits ou services de Google suivants : Google Image Labeler

  • Tester la validité d'un lien
    Cet outil vous permet de tester la validité d'un lien pour le référencement. Il vous indique la nature du lien (lien en dur, redirection bien gérée par les moteurs ou redirection mal gérée par les moteurs).
  • Liste des backlinks
    Cet outil vous permet d'analyser en détails la "popularité" de votre site sur Google. En plus du nombre de liens pris en compte par Google, il calcule le pourcentage de liens internes parmi tous les liens, et il affiche les premières URL trouvées.
  • Calculer le ratio de liens profonds
    Cet outil vous permet de calculer le taux de liens profonds vers un site web. Un lien profond est un lien qui ne pointe pas vers la page d'accueil mais au contraire vers une page interne du site. Les sites dont l'essentiel du référencement vient de leurs inscriptions dans des annuaires ont un taux de liens profonds faible ; à l'inverse, les sites de référence ont souvent un taux de liens profonds plus important, signe que leur contenu a suscité de nombreux liens spontanés.
  • Transformer des textes non cliquables en liens
    Cet outil vous permet de trouver des pages citant votre site mais ne faisant pas (encore) de lien. Il suffira parfois d'un simple mail pour transformer cette simple citation en lien (backlink).


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité