begin process at 2012 02 13 07:03:56
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Javascript et ActiveX

 > 

Autre

 > 

apparetre une image au survole d'un lien

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

apparetre une image au survole d'un lien

mardi 16 septembre 2008 à 15:56:27 | apparetre une image au survole d'un lien

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'exemple exact que je veux avoir, jetez un coup d'oeil dans ce lien : http://www.accessoires-cuisine.fr/C-accessoires-de-bar-43.php
merci pour votre aide !
mardi 16 septembre 2008 à 17:24:27 | Re : apparetre une image au survole d'un lien

bultez

Membre Club
bonjour,
bah... ça se fait en css.
<style type="text/css">
a span          {     display: none;}
a:hover span    {     display: inline;
                      position: absolute;
                      top: 200px;
                      left: 100px;
                      background:#FFFFDD;
                }
</style>
<body>
<a href="">
    lien 1
    <span>texte 1
            <img src="image1.gif" /></span></a>
<br />
<a href="">
    lien 2
    <span>texte 2
            <img src="image2.gif" /></span></a>
</body>

à toi d'adapter à tzs besoins...

Cordialement     Bul  [mon Site] [M'écrire]
mercredi 17 septembre 2008 à 14:08:57 | Re : apparetre une image au survole d'un lien

bultez

Membre Club
ben alors.... ? ...
ça ne convient pas ? tu n'arrives pas à mettre en œuvre ? tu a des difficultés ?
ou alors... ça te convient ? ben là, au moins, tu pourrais le dire !
Cordialement     Bul  [mon Site] [M'écrire]
mercredi 17 septembre 2008 à 15:46:42 | Re : apparetre une image au survole d'un lien

kill666

franchemen j'ai pa pu le maitre en oeuvre...j'texplique : j'ai un dossier d'images chaqune convin a un article qui est dans la base de donné donc je veut que le survole soit dynamique entre l'article et l'image commen trouver une astuce qui peut é pour l'image mignature j'ai pensé a un calque qui peut apparaitre au moment de survole enfin je sait pas encor si ça marche merci !
mercredi 17 septembre 2008 à 16:04:56 | Re : apparetre une image au survole d'un lien

bultez

Membre Club

ben... ce n'est pas ce que fait ce que je t'ai donné !?!!!???

si les liens / les articles / les images ... sont tirés d'une base de données,
    c'est probablement du php qui crée cette page ? donc... à part générer
    la page coté php, et là, c'est un problème php, il ne peut y avoir aucun
    souci, puisque mon exemple est uniquement coté client, en html/Css

    ça affiche du texte [facultatif] et une image [facultative] lors du survol d'un lien
   
Cordialement     Bul  [mon Site] [M'écrire]
mercredi 17 septembre 2008 à 16:35:41 | Re : apparetre une image au survole d'un lien

kill666
j'ai essayé ton exmple avec une image d'essai mais lorsque je survole le lien rien ne s'affiche...je sait pas le probleme est où ?! mem text1 et text2 sur l'exemple ne s'affiche pas
mercredi 17 septembre 2008 à 17:28:06 | Re : apparetre une image au survole d'un lien

bultez

Membre Club
mon exemple fonctionne-t-il ?
chez moi, oui.
à priori, tu ne dois pas tout à fait faire ce qu'il faut.

met nous l'extrait de ton code, le nécessaire mais pas plus
et surtout pas le php ! la page résultante, le html !!!

Cordialement     Bul  [mon Site] [M'écrire]
jeudi 18 septembre 2008 à 16:55:08 | Re : apparetre une image au survole d'un lien

kazma

Administrateur CodeS-SourceS
bonjour
donc pour la deuxieme solution trouve un script d'une image qui suit la sourie genre de script que l'on trouve facilement modifi le script en rajoutant


document.getElementById(imagesuissourie).src='monimageaafficher.jpg'
document.getElementById(imagesuissourie).style.visibility=true

le tout sera pour chaque liens declenche par un onmouseover

cree une deuxieme fonction qui sera declenche par onmouseout

document.getElementById(imagesuissourie).style.visibility=false
vendredi 19 septembre 2008 à 08:50:11 | Re : apparetre une image au survole d'un lien

bultez

Membre Club

???  qu'est-ce que ça a à voir avec mon exemple ???
tu me dis que ça ne marche pas et tu fais tout autre chose ???     Hein_2.gif

néanmoins, pour visibility c'est "visible" et "hidden" et non pas true et false.

CordialementBul[mon Site][M'écrire]
vendredi 19 septembre 2008 à 16:40:34 | Re : apparetre une image au survole d'un lien

bultez

Membre Club

oups.. j'ai confondu une réponse de kazma et kill666 ;o)
mon dernier mesage s'adressait à lui ! pas à toi kazma ;o(
néanmoins, pour <visibility c'est "visible" et "hidden"> ça reste valable.

Cordialement     Bul  [mon Site] [M'écrire]

1 2

Cette discussion est classée dans : image, lien, survole, apparetre, accessoires

Répondre à ce message

Sujets en rapport avec ce message

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 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 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 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 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 Image en binaire (pas en lien) dans page html [ par luckky92 ] Bonjour, Est-ce que qqun sait s'il est possible d'inserer une image dans le code source d'une page html (ou en css ou javascript...). Mon but : Env Image en lien avec un hover valide W3C [ par Kitzume ] Bonjour, Objectif : valider le W3C Le code dessous fonctionne très bien par contre n'est pas valide W3C Cause : pas de div dans un lien [code=html 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 Téléchargement automatique d'une image [ par sylvain09 ] Salut tout le monde,Je cherche à télécharger automatiquement une image (gif-png-jpg-jpeg) avec un simple lien...En mettent Télécharger l'image ça aff


Nos sponsors


Sondage...

Comparez les prix


Apple iPhone 4 Noir (16 Go)
Entre 0€ et 0€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Happy Bright Landscape WIth ButterfliesPhoto Photo aérienne de Saintes Maries de la Mer
Photo maison de village du cap corse (pietracorbara) 

Visiter la photothèque
 
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,998 sec (4)

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)