Image placée sur l'index réactive à la souris
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image placée sur l'index réactive à la souris
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://fredo-aeromodelisme.forumnormandie.com/
Description du problème
Bonjour, j'ai placé en mode "toutes les pages" sur mon forum quelques images à l'aide de ces codes javascript:- Code:
$(function(){
$("body").append('<div style="position: absolute; top: 250px; right: 350px"><a href=""><img src="https://i37.servimg.com/u/f37/19/13/84/37/planeu11.png" border="0" alt="" /></a></div> /></a></div>');
});
Le petit soucis c'est qu'elles sont réactives au survol de la souris, quand on clique dessus cela actualise la page en cours. Comment modifier ce code pour que l'image ne soit plus cliquable, qu'elle soit complètement confondue avec le fond de page?
En plus elles changent de place suivant la résolution de l'écran et le zoom du navigateur, alors je me demande si c'est bien en javascript qu'il fallait placer ces petites images (l'avion, le planeur, le pilote et les combinés d'instruments).
Merci d'avance...
Dernière édition par Pilatus le Ven 25 Nov 2016 - 21:35, édité 1 fois
Re: Image placée sur l'index réactive à la souris
Bonsoir "Pilatus"Pilatus a écrit:
- Code:
$(function(){
$("body").append('<div style="position: absolute; top: 250px; right: 350px"><a href=""><img src="https://i37.servimg.com/u/f37/19/13/84/37/planeu11.png" border="0" alt="" /></a></div> /></a></div>');
});
Le petit soucis c'est qu'elles sont réactives au survol de la souris, quand on clique dessus cela actualise la page en cours. Comment modifier ce code pour que l'image ne soit plus cliquable, qu'elle soit complètement confondue avec le fond de page?.
Pour qu'elle ne soit plus réactive -> modifier le script comme suit:
- Code:
$(function(){
$("body").append('<div style="position: absolute; top: 250px; right: 350px"><img src="https://i37.servimg.com/u/f37/19/13/84/37/planeu11.png" border="0" alt="" /></div> />');
});
Comme elle est placée -> difficile d'avoir une position identique suivant la résolution écran
La seule solution au lieu d'avoir deux images:
et
Superposer les 2 et n'en faire qu'une
Re: Image placée sur l'index réactive à la souris
Grand merci, les images ne sont plus cliquables c'est impeccable!
Pour le fait qu'elles changent de place avec le zoom navigateur, je me doutais que ça allait être chaud
J'ai déjà galéré à faire un gif animé avec transparence (faire les transparences sur CHAQUE png AVANT de créer le gif), ça va être encore plus dur d'y incorporer d'autres images sur les côtés mais je peux toujours tenter le coup.
En tout cas merci beaucoup.
Re: Image placée sur l'index réactive à la souris
pas si dur que celaPilatus a écrit:
Grand merci, les images ne sont plus cliquables c'est impeccable!
Pour le fait qu'elles changent de place avec le zoom navigateur, je me doutais que ça allait être chaud
J'ai déjà galéré à faire un gif animé avec transparence (faire les transparences sur CHAQUE png AVANT de créer le gif), ça va être encore plus dur d'y incorporer d'autres images sur les côtés mais je peux toujours tenter le coup.
En tout cas merci beaucoup.
Re: Image placée sur l'index réactive à la souris
elles sont pas à la bonne place
en théorie ça doit donner ça:
en théorie ça doit donner ça:
Re: Image placée sur l'index réactive à la souris
Oui j'ai repris ta 1ère implantation
Au plaisir "Pilatus"
Au plaisir "Pilatus"
Re: Image placée sur l'index réactive à la souris
Si je réussi, je remontrais ce sujet pour vous en faire part.
Le plaisir est pour moi, comme à chaque fois que j'ai eu recours au FdF :thanks:
Le plaisir est pour moi, comme à chaque fois que j'ai eu recours au FdF :thanks:
Re: Image placée sur l'index réactive à la souris
Si tu veux je te monte le "gif" ... le problème c'est qu'il fait déjà 1Mo
Pour mettre tes images sur la droite et que l'ensemble soit centré ... va falloir qu'il soit très large et je crains que le poids dépasse largement > 1Mo
Pour mettre tes images sur la droite et que l'ensemble soit centré ... va falloir qu'il soit très large et je crains que le poids dépasse largement > 1Mo
Sujets similaires
» Image réactive
» Image Reactive au survol de la souris
» L'image des crédits d'un thème qui est mal placée
» Image reactive sur le logo/image du forum
» Image réactive
» Image Reactive au survol de la souris
» L'image des crédits d'un thème qui est mal placée
» Image reactive sur le logo/image du forum
» Image réactive
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum