Bien le bonjour,

Je ne pense pas être le premier à me pauser cette question, mais le web offre difficilement la réponse (Google t'es pas cool sur ce coup). Enfin cela vient p-e du fait que je ne connais pas les thermes exactes de ce que je cherche à faire (d'où mon titre de topic miteux).

Alors j'ai réussi a faire un truc tout bête :


style.css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
#centrage {
  position:absolute;
  background-color:#123;
  left: 50%; 
  top: 50%;
  width: 700px;
  height: 400px;
  margin-top: -200px; /* moitié de la hauteur */
  margin-left: -350px; /* moitié de la largeur */
  border: 1px solid #000;
  Z-index:10;
}
fonction.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
function RollOver(this_src){
	document.getElementById("centrage").style.visibility = "visible";
	document.getElementById("img_agr").src = this_src;
}
 
function RollOut(){
	document.getElementById("centrage").style.visibility = "hidden";
}
galerie.php
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public function AfficherGAL($id_gal, $page){
		$l1=20*($page-1);
		$l2=20*$page;
		$sql="SELECT lien FROM image WHERE id_galerie='$id_gal' && lien REGEXP'(_mini)'
			LIMIT $l1,$l2
			";
		if($res=mysql_query($sql)){
			echo "<div id=\"centrage\" style=\"visibility:hidden;\"  onmouseout=\"RollOut();\"><img src=\"\" id=\"img_agr\" /></div>";
			while($data=mysql_fetch_assoc($res)){
				echo "<img src=\"".$data['lien']."\" onmouseover=\"RollOver('".$data['lien']."')\" />";
				echo "\"".$data['lien']."\" onmouseover=\"RollOver(\"".$data['lien']."\")\" />";
			}
		}
		else{
			$this->Rapport("Echec de la requête");
			return false;
		}
	}
Donc au final, je réussi a créer un cadre au centre de ma page qui apparait quand je survole une miniature et disparait quand je quitte la zone du cadre.
Cependant, dans une galerie, il y a plein d'image, et un scroll bar donc. Le problème vient du fait qu'avec le code actuel mon cadre ne "suit" pas le défilemement de la scroll bar, donc il n'est pas vraiment tjrs au centre de ma page.

Ainsi, désolé si je me répète, mais je désire avoir un cadre qui reste "toujours" au centre de ma page, même si je survole des images qui se trouvent tout en bas de la galerie.

Si des Javascripteur voulaient bien éclairer ma lanterne, ou me donner des pistes sérieuses pour mes recherches, j'en serai ravis.

Cordialement,

PS : Si mes explications laissent à désirer, je m'en excuse, mais je ne suis vraiment pas un amateur de javascript et encore moins en ce qui concerne du design d'un site web ^^'.


EDIT :

Problème résolu

C'était un problème de CSS en fait, fallait mettre fixed.