3 pièce(s) jointe(s)
Affichage d'iframes imbriquées
Bonjour à tous, je suis nouveau sur le forum spécialement inscrit afin de trouver une solution à mon problème en espérant y arriver
Donc :
voici un screenshots de ma page (nécessaire à la compréhension).
Pièce jointe 145027
voici la page principale avec le menu. En cliquant sur Maths on fait glisser une iframe contenant ma page html en source.
Code:
<iframe src="ListeFiche.htm" height="100%" width="100%"></iframe >
Pièce jointe 145030
Jusque là aucun soucis.
Lorsque je passe la souris sur une des images le pdf contenu s'agrandis et suis la souris tant que je suis dans l'image pour celà aucun soucis non plus.
Pièce jointe 145029
Alors voilà le problème. Lorsque la souris passe lentement sur une image au moment ou je passe dessus mon iframe contenant ma page ListeFiche.htm (donc ma page principale de Maths) disparaît 1/4 de seconde avant de revenir. Ça donne un effet de clignotement c'est très désagréable.
Je ne connais que très peu les Iframes donc je n'ai aucune idée de la source du problème. Est-ce du à une surcharge (possible?), ou à mon code qui n'est pas bon (inspirer d'internet)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
function montre(imgUrl) {
// Lorsque je survole l'image
document.getElementById("div_zoom_image").style.vi sibility = "visible";
document.getElementById("img_zoom_image").src = imgUrl;
document.onmousemove = moveImage;
}
function cache() {
// Lorsque je quitte l'image
document.getElementById("div_zoom_image").style.vi sibility = "hidden";
document.getElementById("img_zoom_image").src = "";
document.onmousemove = "";
}
function moveImage(event) {
// permet à l'image de suivre lorsque la souris bouge dans l'image
// position
var x = event.pageX - 780;
var y = event.pageY - 20;
// placement
document.getElementById("div_zoom_image").style.le ft = x + "px";
document.getElementById("div_zoom_image").style.to p = y + "px";
} |
Div_Zoom_image est la div contenant l'iframe zoomer et img_zoom_image est l'iframe en question.
EDIT :
Je viens de remarquer que : Lorsque je clique sur un des cadres celui-ci s'agrandit pour offrir un aperçu et lorsque l'un est ouvert le problème disparaît et l'iframe principale ne saute plus... pourtant le seul effet du clique est de modifier la class du cadre
Un grand merci à vous d'avance ! En espérant que mon problème est compréhensible et que toute les infos sont présentes
