begin process at 2012 05 29 11:58:59
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

image qui apparait au survol d'un lien

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

image qui apparait au survol d'un lien

samedi 27 janvier 2007 à 18:37:47 | image qui apparait au survol d'un lien

tchiptchip
bonjour,

je suis photographe depuis 20 ans, et depuis tres peu je me suis mis à la création de sites internet
je commence par un tres gros truc
(dessins de manga)
le client me demande qu'au survol d'un lien il apparaisse une image en vignette
j'ai beau fouiller les forums, je ne trouve pas de script correspondant
pouvez vous m'aider ?
à l'avance merci

tchiptchip
dimanche 28 janvier 2007 à 00:43:43 | Re : image qui apparait au survol d'un lien

PetoleTeam

Membre Club
B onjour...
voir peut être du coté des InfoBulles...
;0)
dimanche 28 janvier 2007 à 10:14:30 | Re : image qui apparait au survol d'un lien

tchiptchip
merci de ta reponse,
mais je ne peux mettre dans les bulles que du texte, un peu comme un alt
moi j'aimerais y mettre une image en mignature
si tu as une info ?

encore merci

tchiptchip
dimanche 28 janvier 2007 à 10:56:38 | Re : image qui apparait au survol d'un lien

PetoleTeam

Membre Club
<PUB>
on peut mettre ce que l'on veux dedans voir
INFO BULLE TOUJOURS VISIBLE
</PUB>
il en existe d'autres aussi...
;0)
mercredi 17 septembre 2008 à 16:51:59 | Re : image qui apparait au survol d'un lien

chrispi07


chrispi07
Bonjour,
Soit une liste de sponsors dans une page d'un site web.
Est-il possible, et si oui comment (javascript) de faire apparaître une image (photo du magasin par exemple) lorsque le curseur de la sour
vendredi 3 octobre 2008 à 15:14:05 | Re : image qui apparait au survol d'un lien

PetoleTeam

Membre Club
Bonjour,
Dans les Info Bulle on peut mettre de l'HTML donc une balise IMG...
;O)
samedi 4 octobre 2008 à 10:49:23 | Re : image qui apparait au survol d'un lien

chrispi07


chrispi07
Bonjour,
Soit une liste de sponsors dans une page d'un site web.
Est-il possible, et si oui comment (javascript) de faire apparaître une image (photo du magasin par exemple) lorsque le curseur de la sour

J'entends bien qu'il est possible de placer un code HTML, j'ai essayé, mais j'obtiens toujours la même image avec un code du style :
<div>
  <div id="infobulle"><img src="boussole.jpg"></div>
  <a href="#" onMouseOver="javascript:see_bubble();" onMouseOut="javascript:kill_bubble();">Boucherie
  Sanzot</a>  
comment définir l'image pour que l'infobulle soit modifiée ? That's the main problem!
Merci à ceux qui vont chercher.
dimanche 5 octobre 2008 à 13:01:43 | Re : image qui apparait au survol d'un lien

PetoleTeam

Membre Club
Bonjour,
comment définir l'image pour que l'infobulle soit modifiée ?
Il te suffit de modifer le contenu du DIV en utilisant son innerHTML.
Petit exemple en partant de ce que tu as fourni...
<html>
<head>
<style type="text/css">
#infobulle {
  position : absolute;
  left : 100px;
  top : 100px;
  display : none;
  border : 1px solid blue;
}
</style>
<script type="text/javascript">
//-----------------------
function see_bubble(img_){
  var Obj = document.getElementById('infobulle');
  Obj.innerHTML = "<img src='" +img_ +"' alt='" +img_ +"'>";
  Obj.style.display = "block";
}
//--------------------
function kill_bubble(){
  var Obj = document.getElementById('infobulle');
  Obj.innerHTML = "";
  Obj.style.display = "none";
}
</script>
</head>
<body>
<div id="infobulle"></div>
<a href="#" onmouseover="see_bubble('image_01.jpg');" onmouseout="kill_bubble();">Lien #1</a><br>
<a href="#" onmouseover="see_bubble('image_02.jpg');" onmouseout="kill_bubble();">Lien #2</a>
</body>
</html>
Voila à toi de jouer...
;O)
dimanche 5 octobre 2008 à 18:40:15 | Re : image qui apparait au survol d'un lien

chrispi07


chrispi07
C'est super...du moins  après un rapide essai.
Avec tous mes remerciements.
lundi 6 octobre 2008 à 09:39:45 | Re : image qui apparait au survol d'un lien

chrispi07


chrispi07
Bonjour,
Soit une liste de sponsors dans une page d'un site web.
Est-il possible, et si oui comment (javascript) de faire apparaître une image (photo du magasin par exemple) lorsque le curseur de la sour

Petrol Team, ton code fonctionne certes, mais je souhaiterai que l'infobulle reste à proximité du texte auquel elle fait référence. Ce qui se produit dans le code que j'ai communiqué. Je n'arrive pas à mixer  ces deux codes pour arriver à mes fins. Ce doit être possible, si tu veux bien me donner le dernier coup de main ! Merci d'avance. Cordialement

1 2

Cette discussion est classée dans : image, lien, apparait, survol

Répondre à ce message

Sujets en rapport avec ce message

Effet survol d'un lien avec affichage d'une image [ par apz ] Bonjour à tous, J'aimerais avoir le code qui produit l'affichage d'une image lors d'un survol de la souris sur un lien. J'ai cet exemple : http://l trait violet [ par karl45 ] bonjours a tous je suis vraiment debutant j'ai crée des image(logo) en lien que j'ai aligner en haut de ma page pour faire une sorte de menu mai vo soucis de lien sur image [ par YouSsoliVan ] Bonjour, J ai un petit soucis avec le code javascript ci dessous, en fait, en cliquant sur le boutton "fermer", ceci annule les changements apportés Passe un diaporama en slider de flash à javascript [ par quinton75 ] Bonjour [^^clinoeil1][^^clinoeil1] comme dit dans le titre je souhaite passe mon diapo de flash à javascript avec 4 images (avec plusieurs vignettes image en surbrillance [ par Fantasia1 ] Bonjour, J'aimerai savoir comment on met une image en surbrillance sur un forum. Un script permettant de mettre en surbrillance une image au passage d apparetre une image au survole d'un lien [ par kill666 ] bonjour , je veux bien savoir commentr faire pour apparaitre une image miniature a chaque ligne d'un article dans l'évènement de survole. Voila l'exem Peut-on définir la couleur d'arrière plan d'un lien vers une image qu'on envoie sur _mainframe? [ par bigred29 ] Bonjour, mon soucis est que j'ai un lien dans la frame de droite qui est censé ouvrir une image dans la mainframe de cette même page, ce que j'arrive Découpe d'une image pour zone survol pour musique [ par vincecb ] Est ce que quelqu'un peut m'aider pour mapper une image avec the gimp par exemple .  je dois effectuer 6 zones sur une image pour que ces zones devien Agrandir une image dans une popup au survol de la souris [ par pcsystemd ] Bonjour voila après deux jours de recherche je me décide a demander de l'aide. J'ai une petite image (vignette) et je souhaite lorsque l'on survol la


Nos sponsors


Sondage...

Comparez les prix


Acer Liquid (noir) (XP.H480Q.013)
Entre 300€ et 346€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,437 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)