par
Jeyjey » 26 déc. 2005, 15:42
Bonjour à tous !!
Pour ma gallerie photo je voudrais afficher sous mon bandeau de vignette l'image agrandie. J'utilise pour cela du javascript avec le principe des calques masqués + php.
J'ai un problème pour afficher toutes mes vignettes (il ne m'en affiche qu'une), et quant on clique sur la vignette , en desous la photo ne s'ouvre pas je pense qu'il s'agit d'un problème de cotes???
Quelqu'un peut m'éclairer sur le sujet???
Merci d'avance
Voici mon extrait de code
Code : Tout sélectionner
$result = mysql_query("
SELECT *
FROM client
ORDER BY id
DESC $limit_str");
// affiche les different champs
//echo '<table>';
//echo '<tr>';
$enreg = mysql_num_rows($result);
echo $enreg;
$enregistrement=mysql_fetch_assoc($result);
while (mysql_fetch_assoc($result))
{
$photos = $enregistrement["images"];
$photosgf = $enregistrement["imagesgf"];
if ($photos!=""){
//echo '<td style ="text-align:center; background-color:black; color:white; font-weight:bold; padding:5px;">';
if ($photosgf!=""){
//echo '<a href="images/'.$photosgf.'"target="_blank">'.'<img src="images/'.$photos.'"/>'.'</a>';
echo "<div id='img' style='position:absolute; left:28px; top:23px; width:102px; height:73px; z-index:1; visibility: visible;' onClick='MM_showHideLayers ('img','','show','imggf','','show')'><img src=images/".$photosgf." width='100' height='72'></div>";
echo "<div id='imggf' style='position:absolute; left:187px; top:107px; width:475px; height:542px; z-index:2; visibility: hidden;'><img src='images/".$photosgf." width='640' height='480'></div>";
echo '<br>'.$enregistrement["titre"].'</p>';
}
else {
echo '<img src="images/'.$photos.'"/>';
echo '<br>'.$enregistrement["titre"].'</p>';
//echo '</td>';
}
}
}
//echo '</tr>';
//echo '</table>';
?>
code javascript dans l'en-tete
Code : Tout sélectionner
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
Bonjour à tous !!
Pour ma gallerie photo je voudrais afficher sous mon bandeau de vignette l'image agrandie. J'utilise pour cela du javascript avec le principe des calques masqués + php.
J'ai un problème pour afficher toutes mes vignettes (il ne m'en affiche qu'une), et quant on clique sur la vignette , en desous la photo ne s'ouvre pas je pense qu'il s'agit d'un problème de cotes???
Quelqu'un peut m'éclairer sur le sujet???
Merci d'avance
Voici mon extrait de code
[code]$result = mysql_query("
SELECT *
FROM client
ORDER BY id
DESC $limit_str");
// affiche les different champs
//echo '<table>';
//echo '<tr>';
$enreg = mysql_num_rows($result);
echo $enreg;
$enregistrement=mysql_fetch_assoc($result);
while (mysql_fetch_assoc($result))
{
$photos = $enregistrement["images"];
$photosgf = $enregistrement["imagesgf"];
if ($photos!=""){
//echo '<td style ="text-align:center; background-color:black; color:white; font-weight:bold; padding:5px;">';
if ($photosgf!=""){
//echo '<a href="images/'.$photosgf.'"target="_blank">'.'<img src="images/'.$photos.'"/>'.'</a>';
echo "<div id='img' style='position:absolute; left:28px; top:23px; width:102px; height:73px; z-index:1; visibility: visible;' onClick='MM_showHideLayers ('img','','show','imggf','','show')'><img src=images/".$photosgf." width='100' height='72'></div>";
echo "<div id='imggf' style='position:absolute; left:187px; top:107px; width:475px; height:542px; z-index:2; visibility: hidden;'><img src='images/".$photosgf." width='640' height='480'></div>";
echo '<br>'.$enregistrement["titre"].'</p>';
}
else {
echo '<img src="images/'.$photos.'"/>';
echo '<br>'.$enregistrement["titre"].'</p>';
//echo '</td>';
}
}
}
//echo '</tr>';
//echo '</table>';
?>[/code]
code javascript dans l'en-tete
[code]<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>[/code]