Ciao a tutti,
mi ritrovo a dover fare una galleria di immagini in javascript.
Fino ad ora ho eseguito tutto quello che ho fatto in php, ma vorrei imparare a fare una galleria di immagini che, da una parte mi ritrovo tutte le miniature, e dall'altra l'ingrandimento dell'immagine che seleziono.
Venendo al codice:
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="it" xmlns="http://www.w3.org/1999/xhtml" xml:lang="it"> 
<head>
<link href="css/stile_ufficiale2.css" rel="stylesheet" type="text/css"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> 
<link rel="shortcut icon" href="../favicon.ico">
<title>
Scheda
</title>
     
</head>
<body>
<div id="container">
                
    <div id="header"> 
    
        [url="home.php"][img]../Img/logo.jpg[/img][/url]
        </div>
        <div id="navigation">

        </div>
        <div id="content">
<?php
require_once ("../conndb.php");
$id = $_GET['id'];
$query = "SELECT Immobili.Tipo, Immobili.Comune, Immobili.Acquisto, Immobili.Prezzo, Immobili.Descrizione, Immobili.Data_ins, Immobili.Superficie, Immobili.Camere, Immobili.Giardino, Immobili.Terrazza, Immobili.ID, Immobili.Box, Immobili.Piano, Immobili.Cucina, Immobili.Riscaldamento, Immobili.Bagni, Immagini.Id_Immobili, Immagini.Percorso, Immagini.Flag FROM Immobili JOIN Immagini ON Immobili.ID = Immagini.Id_Immobili  WHERE Immobili.ID = '$id'";
$risultato = mysql_query($query) or die(mysql_error());
$q_contatore = "UPDATE Immobili SET Contatore=Contatore+1 WHERE ID='$id'";
$ris_contatore = mysql_query($q_contatore);
$array_dettagli = mysql_fetch_assoc($risultato);
?>

<table class="tabella3">
    <caption>FOTO</caption>
</table>
<div id="media" > 
    <div id="thumbs"> 
        <?php
            $array_foto = $array_dettagli;
             do{
                    echo "<div class=\"box_thumb\">";
                    echo "<a><img onmouseover=\"this.style.cursor='pointer'\" src=\"Img/thumb.php?im=". $array_foto['Percorso'] ."&maxsize=120\" height=\"73\" alt=\"anteprima foto\" /></a>";
                    echo "</div>";
                } while ($array_foto = mysql_fetch_assoc($risultato));
        ?>
    </div>
        <div id="bigimage">  
        </div>
            </div> 
    </div>
</div>
Al momento ho impostato la pagina in questo modo, le miniature le estraggo tramite un ciclo e vengono visualizzate correttamente, ma proprio non capisco cosa devo fare col javascript per arrivare al risultato prefissato.
Ciao e grazie a tutti