AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 21 15:05:23
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : apparetre une image au survole d'un lien [ Javascript et ActiveX / Autre ] (kill666)

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
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é 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 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: Onglet en surbrillance depuis un passage de souris sur une image [ par phelsuma ] Bonjour,Je viens à vous pour vous demander une astuce (en javascript, ou non). J'explique mon cas :J'ai un menu (réalisé en CSS) avec deux petits ongl une image sur un lien [ par bamby42 ] Bonjour, je ne sais pas si je suis au bon endroit pour ma question?voila, je voudrais mettre une image sur un lien par exemple j'écris    BAMBY, et le Relier un lien à une image. [ par yourima ] Bonjour à tous,Voila, je travaille sur un site à partir de Dreamweaver. Je suis un bon noob dans cela : /, c'est pourquoi j'appel à votre savoir.Ma qu Afficher une image dans un popup qui suis la souris au survole d'une image [ par junkily ] Bonjour a tous,voila, j'ai repérer sur un site, une fonction qui me serai bien utile pour mon site...je souhaiterai que au survole d'une image, une au fenêtre redimensionnée qui s'ouvre sur un lien de map [ par spacekik ] Oui je sais, pas trés clair le titre!Alors en fait c'est trés simple:j'ai une image réactive partagée en 4 zones cliquables qui renvoient chacunes a u


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,374 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.