Salve ,
Mi sono Appena iscritto al forum , sono alle prime armi con l'html , il prof ci ha dato un lavoro da completare , dovrei cliccare sull'icona della foto (le icone sono contenute in una cartella chiamata SmallImage) e farla apparire in un box al centro dello schermo con la foto più grande (le foto grandi sono contenute in un altra cartella che si chiama BigImage) , il box senza il passaggio dell'immagine si apre ma appena voglio passarci il nome della foto nel mio caso la variabile $NomeFile , non mi si apre più il box , potete aiutarmi mi sto ingrippando da 2 giorni , Help Me!!
Questo è il codice
<!DOCTYPE html>
<HTML>
<HEAD>
<title> Esplora Città </title>
</HEAD>
<style type="text/css">
body{
background:url(image/sfondo.png);
margin : 0px;
padding: 0px;
font-family: Arial Tahoma Verdana;
font-size: 20px;
}
.box{
background-image:url(image/cornice.jpg);
background-repeat:no-repeat ;
background-position:center;
border: 1px solid black ;
width :100px;
height:100px;
margin-left: 125px;
margin-top: 50px;
padding:10px;
float:left;
overflow:auto;
cursor:pointer;
}
.box:hover{
background-image:url(image/cornice2.jpg);
background-repeat:no-repeat ;
background-position:center;
border: 1px solid black ;
width :100px;
height:100px;
margin-left: 125px;
margin-top: 50px;
padding : 10px;
overflow:auto;
cursor:pointer;
}
.box img{
position:relative;
top :10px;
left:10px;
}
.BigBox{
background-color: white;
border: 1px solid black ;
width :400px;
height:400px;
margin-top : 100px;
margin-left: 500px;
z-index:900;
position:absolute;
display :none;
cursor:pointer;
}
.BigBox img{
position:relative;
left:370px;
}
.riconoscimento{
border: 0px solid black ;
width :500px;
height:20px;
margin-top :700px;
margin-left: 500px;
z-index:900;
position:absolute;
}
</style>
<script type="text/javascript">
function ApriBox(Img)
{
document.getElementById("BigBox").style.display="b lock";
document.getElementById("BigBox").innerHTML="<img src ='"+Img+"'>";
}
function ChiudiBox(popup)
{
popup.style.display="none";
}
</script>
<BODY >
<table width="70%" height= "40%" border= "1px" align="center">
<tr>
<td align="center">
<B> Esplora le Città </B>
</td>
</tr>
<tr>
<td align="center">
Scegli la Città da esplorare
</td>
</tr>
</table>
<?php
$DirImg = opendir ('SmallImage');
while ( $NomeFile = readdir($DirImg))
{
if ( $NomeFile != '.' && $NomeFile != '..' && $NomeFile != 'Thumbs.db')
{
$NomeFileBig= 'BigImage/'.$NomeFile;
$Pf = fopen ($NomeFileBig,'r');
if ($Pf)
{
fclose($Pf);
echo '<div class ="box" onClick= "ApriBox(',$NomeFile,')"><img src="SmallImage/',$NomeFile,'"> </div>';
}
}
}
closedir ($DirImg);
?>
<div class ="BigBox" id ="BigBox" onClick="ChiudiBox(this)">
</div>
<div class ="riconoscimento" >
OFFICIAL WEB SITE BY M.AVALLONE A.PERNA
</div>
</BODY>
</HTML>