Accueil > Forum > > > > apparetre une image au survole d'un lien
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
|
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...
|
|
mercredi 17 septembre 2008 à 14:08:57 |
Re : apparetre une image au survole d'un lien

bultez
|
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 !
|
|
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
|
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
|
|
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
|
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 !!!
|
|
jeudi 18 septembre 2008 à 16:55:08 |
Re : apparetre une image au survole d'un lien

kazma
|
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
|
??? qu'est-ce que ça a à voir avec mon exemple ??? tu me dis que ça ne marche pas et tu fais tout autre chose ???  néanmoins, pour visibility c'est "visible" et "hidden" et non pas true et false.
|
|
vendredi 19 septembre 2008 à 16:40:34 |
Re : apparetre une image au survole d'un lien

bultez
|
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.
|
|
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
Ouvrir lien fixe sur image aléatoire dans popup [ par razelbok ]
Bonjour à tous. Avant tout je suis débutant, le code n'est donc peut-être pas très beau (j'ai d'ailleurs galéré pour trouver ce dont j'avais besoin, m
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
image qui apparait au survol d'un lien [ par tchiptchip ]
bonjour,je suis photographe depuis 20 ans, et depuis tres peu je me suis mis à la création de sites internetje commence par un tres gros truc(dessins
PB ouverture popup avec lien image [ par chabgyver ]
Bonjour,J'aimerai ouvrir une page dans un popup à partir d'une image.Voici la ligne de code actuelle :<a href="javascript:na_open_window('win', 'http:
Livres en rapport
|
Derniers Blogs
[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril CERTIFICATIONS BETA .NET 4CERTIFICATIONS BETA .NET 4 par KooKiz
Les inscriptions pour les certifications beta .NET 4 ont commencé. L'inscription est offerte pour les examens suivants : - 71-511, TS: Windows Applications Development with Microsoft .NET Framework 4 - 71-515, TS: Web Applications Development with...
Cliquez pour lire la suite de l'article par KooKiz [MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2[MIX 2010] - MICROSOFT TRANSLATOR TECHNOLOGY PREVIEW V2 par redo
J'imagine que la plupart d'entre vous connaissent bien et utilisent le service de traduction de Google, mais connaissez-vous celui de Microsoft . Microsoft Translator ? Effectivement, Microsoft nous annoncé le lancement version 2 de la Technologie Preview...
Cliquez pour lire la suite de l'article par redo LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010!LANCEMENT EN PREVIEW DE CYCLONE LORS DES TECHDAYS 2010! par MPOWARE
Toutes les vidéos de ce lancement sont en ligne!
Partie I - Intro
http://www.youtube.com/watch?v=LkQzTQ8T6CA
Partie II - Démo 1
http://www.youtube.com/watch?v=drAhYQ7lqvo
Partie III - Démo 2
http://www.youtube.com/watch?v=c8KM_1Gqybc...
Cliquez pour lire la suite de l'article par MPOWARE
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|