> Tous les forums > Forum des Webmasters
 Ouvrir une image en passant sur un lienSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
kidkoala
  Posté le 31/01/2008 @ 14:08 
Aller en bas de la page 
Petit astucien

Bonjour à tous,

J'aimerais savoir si il est possible d'ouvrir une image lorsque l'on passe sur un lien ? Mais que la fenetre se ferme après.

En fait on passe la souri sur un mots, l'image s'affiche et dès qu'on retire la souris l'image disparait.

J'éspère avoir été clair.

Merci d'avance

Lio

Publicité
Dreamer
 Posté le 31/01/2008 à 16:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

Plusieurs possibilités dont le JS ( javascript ) , tu peux aussi personnaliser ton infobulle et il y a aussi cette solution que j'avais utiliséeà une époque : popup/css

A +

elle
 Posté le 31/01/2008 à 19:32 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Oui, en CSS. Regarde sur ma page d'accueil, passe ton curseur sur Soumettez-moi votre projet ! J'ai mis un texte et une image, mais ce pourrait aussi être uniquement une image.

Afficher / Masquer des éléments sans javascript

kidkoala
 Posté le 02/02/2008 à 19:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Merci pour votre aide c'est exactement ce qu'il me fallait

selen
 Posté le 04/02/2008 à 17:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maîtresse astucienne

bonjour elle

en passant sur ce sujet, j'ai aussi regardé ton code pour le texte "pourquoi ma boite"

il y a quelque chose qui m'intrigue:

pour voir la suite du texte, on clic sur la flèche, ça ok, mais pour refermer on clic sur un gif "fermer la fenêtre"... dans le code il n'y a à cet endroit que <p class="fermer"></p> et dans le css on trouve l'image en background de cette balise.

je n'arrive pas à comprendre ce qui provoque la fermeture de la fenêtre lorsqu'on clique ????

pourrais-tu m'expliquer comment ça marche ?

merci d'avance

elle
 Posté le 05/02/2008 à 18:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

selen a écrit :

pour voir la suite du texte, on clic sur la flèche, ça ok, mais pour refermer on clic sur un gif "fermer la fenêtre"... dans le code il n'y a à cet endroit que

et dans le css on trouve l'image en background de cette balise.

je n'arrive pas à comprendre ce qui provoque la fermeture de la fenêtre lorsqu'on clique ????

En fait, j'ai mis le gif seulement pour que ce soit plus évident. On peut cliquer n'importe où dans la fenêtre ouverte pour la fermer... C'est le JS qui la fait fermer. Je suis d'ailleurs en train de refaire la page pour la nettoyer de tout JS.

selen
 Posté le 05/02/2008 à 18:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maîtresse astucienne

merci ...

je n'avais pas fait attention à tous ces javascripts...

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Smartphone 6.71 pouces Xiaomi Redmi 10C (3 Go / 64 Go) à 103 €
103 € 149 € -31% @Cdiscount

Cdiscount fait une promotion sur le smartphone 6.71 pouces Xiaomi Redmi 10C qui passe à 103 € au lieu de 149 €. Ce smartphone dispose d'un écran 6.71 pouces HD+, un processeur 8 coeurs Snapdragon 680, 3 Go de mémoire, de 64 Go d'espace de stockage extensible par microSD, d'un double APN 50MP, du bluetooth, du Wifi. Il est compatible avec les fréquences 2G, 3G et 4G. Le tout tourne sous Android 11 avec une surcouche Xiaomi. La batterie est de haute capacité 5000 mAh à charge rapide 18W.

Un portable d'entrée de gamme complet idéal pour un pré ado.


Voir le bon plan
Mini PC ACEMAGICIAN GK3 Pro (Celeron N5105, 16 Go RAM, SSD 512 Go, Windows 11 Pro) à 249,91 €
249,91 € 299,99 € -17% @Amazon

Amazon fait une promotion sur le mini PC ACEMAGICIAN GK3 Pro qui passe à 249,91 € grâce à un coupon à activer sur la page du produit. On le trouve habituellement à 299,99 €.

Ce mini PC intègre un processeur Intel Celeron N5105 (4 coeurs), 16 Go de RAM DDR4 et un SSD M.2 de 512 Go (un port 2.5 pouces SATA est également présent pour ajouter un SSD ou un disque dur). Il possède un chip graphique Intel UHD. Il intègre le WiFi 5, le Bluetooth, un port Ethernet Gigabit, 2 ports USB 3.0, 2 ports USB 2.0, un connecteur VGA et deux connecteurs HDMI. Le tout tourne sous Windows 11 Pro.

Une bonne affaire pour un PC efficace dans toutes les tâches bureautiques et multimédia, totalement silencieux, économe et qui ne prendra pas de place ! Il peut même être directement fixé à l'arrière d'un écran PC grâce à son support VESA.


Voir le bon plan
Coffret de douilles et embouts Mannesmann (130 pièces) à 22,99 €
22,99 € 57,99 € -60% @Amazon

Amazon fait une promotion sur le coffret de douilles et embouts Mannesmann (130 pièces) qui passe à 22,99 € au lieu de 47,99 €.


Voir le bon plan
Ecran 27 pouces incurvé KTC H27S17 (QHD, 165 Hz, 1 ms, HDR10) à 209,64 €
209,64 € 300 € -30% @Geekbuying

Geekbuying fait une promotion sur le tout nouvel écran 27 pouces incurvé KTC H27S17 qui passe à 219 € avec le code promo NNNKTCH27S17 au lieu de 300 €. En payant par Paypal, vous obtiendrez 10$ (9,36 €) de remise supplémentaire, faisant passer le prix total à 209,64 € ! Cet écran incurvé (courbure 1500R) possède une dalle QHD 2560x1440 à 165 Hz, offre un temps de réponse de 1 ms et est compatible FreeSync et GSync. Connectique : 2xHDMI, 2xDP. 

L'envoi se fait depuis un entrepôt européen. Vous êtes ainsi certains de recevoir l'écran rapidement et sans douane.


Voir le bon plan
Imprimante 3D Creality Ender 3 v2 Neo (nivellement auto, 220x220x250mm) à 200,64 €
200,64 € 350 € -43% @Geekbuying

Geekbuying fait une belle promotion sur la toute dernière imprimante 3D Creality Ender 3 v2 qui passe à 200,64 €. Utilisez pour cela le code NNNESOLDEV2NEO dans le panier puis payez par Paypal pour obtenir une remise supplémentaire de 10$ (9,36 €). On la trouve ailleurs autour de 350 €. L'imprimante est expédiée depuis un stock Europe (en Pologne). Elle sera donc rapide et vous êtes sûr de ne pas avoir de douane. 

La Creality Ender 3 v2 Neo est l'une des machines les plus populaires actuellement sur le marché. Et pour cause. Elle dispose d'un volume d’impression de 220 x 220 x 250 mm, est équipée d'un plateau chauffant inspiré du BuildTak, d'un nouvel écran LCD 4.3 pouces et offre des fonctionnalités pratiques comme le nivellement automatique, la reprise de l'impression après une coupure de courant ou le conduit pour le filament étroit. L'imprimante 3D est facile à assembler. 

Si vous cherchez à vous lancer dans l'impression 3D, c'est l'imprimante qu'il vous faut !


Voir le bon plan
Support mural TV 32 à 80 pouces (orientable et inclinable, max 60 kg, double bras) à 38,99 €
38,99 € 51,99 € -25% @Amazon

Amazon fait une belle promotion sur le support mural TV Bontec qui passe à 38,99 € via un coupon de 25% à activer sur la page du produit. Ce support mural est adapté aux écrans plats de 32 à 80 pouces LED, LCD et PLASMA à compatibilité VESA jusqu'à 600x400. Il supporte jusqu'à 60 Kg. Le double bras peut pivoter de /- 90° vers la gauche et la droite et le support peut s'incliner de +20/-20° et pivoter de +/-3°.  Un niveau à bulles est fourni ainsi qu'un câble HDMI et 5 attaches.


Voir le bon plan

Sujets relatifs
Faire un lien sur une image
Afficher image sur lien
Ouvrir une page web à la hauteur d'un lien
Lien sur site pour ouvrir un pps
Creer un lien vers une image, probleme sous IE !
JS : Ouvrir un lien dans une frame spécifique
Enlever annotation en passant sur un lien
Lien http dans une image du CSS
cote à cote image/lien
ouvrir une petite page a partir d'un lien
Plus de sujets relatifs à Ouvrir une image en passant sur un lien
 > Tous les forums > Forum Forum des Webmasters