ouvrir une image dans une pop-up Résolu/Fermé

Question

Bonjour, j'ai un petit probleme, je souhaite faire apparaitre une image lors du passge du pointeur sur un texte, ce probleme a déja été soulevé de nombreuses fois mais je ne trouve ma reponse dans aucun forum; j'ai essayé pas mal de trucs mais rien ne fonctionne comme je souhaite!

si vous avez des propositions...

merci d'avance.

NookZ · Answer

Pourquoi dans une popup et pas dans un div simple?

jejeremiet · Answer

a vrai dire je n'en sait rien : je débute^^

je pensait que le pop était le plus simple, comment faire avec div, div sert a "selectionner" un texte ou une ligne?

as tu un exemple sur une page ou un morceau de code a essayer

merci

jejeremiet · Answer

je ne m'en sort pas...

peux tu me donner un bout de code parce que la...

tiens je te donne un exemple sur un site : http://www.creationsylvie.net/psp/traduction/mes_traductions_tutoriels_adriana.html (dans le tableau vers le milieu)

j'ai essayé de reprendre le code source mais ca ne fonctionne pas sur mon site (c'est un site gratuit sur e-monsite, c'est peut etre pour ca)

jejeremiet · Answer

ok je jette un œil merci pour la reponse

jejeremiet · Answer

bon, ca continue a m'enerver...

en effet la source est ici http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm#
le probleme est que je ne sait quoi remplacer pour utiliser mes images; j'ai essayé pas mal de trucs mais rien n'y fait 
faut il un format special pour les images? aparemment eux utilisent du "gif" mais j'ai testé aussi

merci de m'indiquer les lignes a modifier

merci beaucoup

jejeremiet · Answer

ok j'ai mis a la place de "red_balloon.gif" le chemin de mon image c'est bien ca ??? le reste c'est une couleur et un texte... les lignes suivantes peuvent etre mis a la suite du reste non? "Link 1
Link 2"

jejeremiet · Answer

ouais c'est ce que je fais...
je vais réessayer!!!

c'est possible qu'il soit impossible de faire cela sur e-monsite???

jejeremiet · Answer

ha oui voila en fait dans les lignes suivantes on appelle des images mais ou doit on mettre les chemins???

messages[0] = new Array('red_balloon.gif','Here is a red balloon on a white background',"#FFFFFF");
messages[1] = new Array('duck2.gif','Here is a duck on a light blue background.',"#DDECFF");
messages[2] = new Array('test.gif','Test description','black','white');

jejeremiet · Answer

ouais ca ne marche pas c'est pas qu'il faut précharger les images et les rappeler ensuite par hasard ???

zoby44 · Answer

Salut, aller je vais faire un peu de pub pour une de mes source. Tu copie-colle le code qui est sur cette page : http://www.javascriptfr.com Dans un fichier lightbox.js par exemple. Dans ton index.html, tu appel le js :

jejeremiet · Answer

ok je teste ca... je te dis ca dans quelques minutes ^^

zoby44 · Answer

Euh, excuse moi, j'avais mal lu ta question, ça n'affiche pas l'image au passage de la souris, mais quand tu clic dessus. Désolé. J'ai répondu trop vite.

jejeremiet · Answer

ouais je viens de voir ca ... en plus c'est pour agrandir une image par exemple alors que moi c'est a partir d'un texte que je veux afficher l'image en complement...

zoby44 · Answer

C'est ce que j'ai vu quand j'ai relus ton post. Je vais essayer de voir ça avec jquery.

jejeremiet · Answer

ok merci beaucoup moi je continue a chercher de mon coté : j'ai la source mais ca ne marche pas si tu arrives a tester et a comprendre comment faire ^^

RAD ZONE · Answer

SALUT fais le en CSS ! voila un exemple avec trois infobulle sur un lien , un texte , une image ! ca s adapte et ce modifis tres facilement RAD ZONE Webcreation

Eu faucibus mauris. LIEN AVEC infobulle CSS . Lorem ipsum dolor sit amet consectetuer pede lacinia Duis Cum laoreet. Interdum Fusce Curabitur pede aliquet Nulla ut eros condimentum orci porttitor. Nunc.

Lorem venenatis id et elit at augue quis vitae Curabitur fringilla. Elit et Curabitur Morbi Quisque Morbi vel Nam sodales ullamcorper sit. Eu faucibus mauris amet et tristique.

SUR UNE IMAGE. at augue quis vitae Curabitur fringilla. Elit et Curabitur Morbi Quisque Morbi vel Nam sodales ullamcorper sit. Eu faucibus mauris amet et tristique.

Lorem venenatis id et elit . SUR UN TEXTE consectetuer pede lacinia Duis Cum laoreet. Interdum Fusce Curabitur pede aliquet Nulla ut eros condimentum orci porttitor. Nunc.

Lorem venenatis id et elit at augue quis vitae Curabitur fringilla. Elit et Curabitur Morbi Quisque Morbi vel Nam sodales ullamcorper sit. Eu faucibus mauris amet et tristique.

jejeremiet · Answer

je teste ca je te redit merci

jejeremiet · Answer

c'est pas mal mais ca me fait une bande de environ 1cm avec le texte dedans et je n'arrives pas a l'agrandir
c'est quoi qu'il faut modifier?

RAD ZONE · Answer

C'est pas mal mais ca me fait une bande de environ 1cm avec le texte dedans et je n'arrives pas a l'agrandir  ????

 comment ca !!!!
voila ce que ca donne  
http://radservebeer.free.fr/demorad/tooltipCSS/

jejeremiet · Answer

ouais en gros c'est ca mais moi j'ai uniquement une bande en haut de 1 cm
je pense que c'est du a "e-monsite mais je suis sur la bonne voie deja 
merci beaucoup je te tiens au courant

jejeremiet · Answer

est-ce possible de ne pas avoir le cadre blanc?

écrire directement sur le fond...

jejeremiet · Answer

ok c'est bon merci a tous pour vos réponses

Ouvrir une image dans une pop-up

22 réponses