Ciao a tutti,
ho un problema con la sostituzione ricorsiva di immagini all'interno di un div:
ho scritto qualche riga di codice php - jquery per visualizzare una galleria d'immagini molto scarna.
questo codice funziona SOLO quando clicco sulla prima miniatura e per di più male perché sostituisce l'immagine nel DIV con quella corrispondente all'ultima miniatura caricata.
Qualcuno sa come poteri risolvere la cosa ?
Grazie in anticipo
ho un problema con la sostituzione ricorsiva di immagini all'interno di un div:
ho scritto qualche riga di codice php - jquery per visualizzare una galleria d'immagini molto scarna.
questo codice funziona SOLO quando clicco sulla prima miniatura e per di più male perché sostituisce l'immagine nel DIV con quella corrispondente all'ultima miniatura caricata.
Qualcuno sa come poteri risolvere la cosa ?
Grazie in anticipo
PHP:
<?php
//connessione al DB
include ("conn.inc");
// parametro per interrogare DB
$rif_pippo = "id_pippo";
// interrogazione DB
$query = mysql_query("SELECT * FROM pippo WHERE rif_pippo ='$rif_pippo'");
$result = mysql_num_rows($query);
$row = mysql_fetch_assoc($query);
// DIV nel quale è presente l'immagine da sostituire ricorsivamente con quella richiamata
echo "<div><img id='cambia' src='immagini/medium/".$row['rif_pippo']."/".$row['rif_pippo]."_medium01.jpg' alt='' /></div>";
// elenco miatuture
echo "<ul>";
// conteggio immagini presenti nella directory richiesta
$immagini = glob('immagini/pippo/medium/'.$row[rif_pippo].'/*.jpg');
$numero_immagini= count($immagini);
// ciclo per visualizzare tutte le miniature presenti nella directory richiesta
for ($i=1; $i<=$numero_immagini; $i++) {
// cambio il prefisso delle immagini presenti nella cartella pippo che da 1 a 9 vanno numerate progressivamente 01,02,…,0n
if ($i<=9) {$v='0'.$i;}
else if ($i>=10) {$v=$i;};
// JQUERY script
echo "<script type='text/javascript'>";
echo "$('#id_box_foto').click(function() {";
echo "$('#cambia').attr('src','immagini/medium/".$row['rif_pippo']."/".$row['rif_pippo']."_medium".$v.".jpg').stop(true,true).hide().fadeIn('slow');";
echo "return false";
echo "});";
echo "</script>";
// miniatura che cambia l'immagine nel DIV
echo "<li><a href='#id_box_foto' id='id_box_foto'><img class='foto' style='border:0px;' src='immagini/thumbnails/".$row['rif_pippo']."/".$row['rif_pippo']."_thumb".$v.".jpg' alt='' /></a></li>";
}
echo "</ul>";
?>
Ultima modifica di un moderatore:
