diaporama

Question

salut, Etant débutante en javascript, j'ai quelques petits problèmes... lorsque je clique sur l'image elle s'agrandisse dans un div qui sera sur la page courante(c comme un calque) ce dernier contient 2 autre div qui s’apparaisse lorsqu'on onmouseover l'image ( ces 2 div correspond au suivant et précédant ) pour changer l'image.( c'est comme le cas du diaporama)/ mon code ça marche bien sur Firefox mais sur IE et Google-chrome la position des 2 div qui permet de changer l'image vont changer leur positions est parfois on les trouvent on dehors d'image. aussi j'ai un autre problème que j'arrive pas a le résoudre et j'ai rien trouvé sur internet, mon image doit se positionner au centre d’écran meme ci je clique sur une image qui est en bas du page elle dois s'apparaitre directement sur l'écran sans besoin se glisser vers le haut du page pouvez vous m'aider ? merci d'avance. voila mon code: nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn >> <<

salwa3 · Answer

Qui peut m'aider svp?

@karamel · Answer

bonjour

 pour centrer une image dans la page en prenant le scroll il faut faire comme ceci


function centrer(){

var dde=document.documentElement;
var elem=document.getElementById('mon_element_a_centrer');

var dst=document.body.scrollTop || document.documentElement.scrollTop;
var dsl=document.body.scrollLeft || document.documentElement.scrollLeft;

elem.style.top=(dde.clientHeight-elem.offsetHeight)/2+dst+"px";
elem.style.left=((dde.clientWidth-elem.offsetWidth)/2)+dsl+'px';
},


mais il faut que le conteneur est une taille prédéfinit

aussi dans la fonction tu déclare les variables sans sans le mot var ce qui fait que les variables sont globale

salwa3 · Answer

merci pour votre aide , mais l'image ce positionne au centre de mon div et pas au centre d&#8217;écran

salwa3 · Answer

svp comment je peux mettre mes image dans div qui est connu par son id ?? 
pour appliquer (var elem=document.getElementById('mon_element_a_centrer');)
car les image qui doivent subir la transformation c'est ceux qui sont sur le div="overlay"

@karamel · Answer

normalement


var elem=document.getElementById('overlay')


tout simplement

salwa3 · Answer

mais c pas overlay que je veux le centrer mais l'image dedans

Diaporama

6 réponses

Votre réponse

Discussions similaires