modificare src immagine tramite pulsante

RedWarrior

Nuovo Utente
17 Giu 2009
15
0
1
Salve a tutti, mi sono appena iscritto in quanto ho un problema a cui non riesco a trovare soluzione...
Ho creato una pagina php/html in cui tra le tante cose ho la necessità di creare una specie di galleria fotografica. Le immagini di questa galleria vengono caricate con l'ausilio di un database mysql e di defoult la pagina mostra l'immagina con Id=1. Il problema nasce dai pulsanti annessi che dovrebbero far si che l'Id cambiasse da 1 a 2, a 3.... e viceversa....(ovvio che al cambio di id precedano alcune query per verificare che effettivamente l'Id esista e l'attributo "valid" sia = 1").
Ora, da quanto ho capito non è possibile mettere in una funzione js (tipo onclick) una funzione php... anche perchè uno è lato client, l'altro è server...ma... come faccio? Vi posto tutto il codice della pagina:
SezFoto.php:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>Obiettivi Creativi</title>
 <meta name="description" content="" />
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <meta name="keywords" content="" />
 <link rel="stylesheet" media="screen, projection" type="text/css" href="stile.css" />
</head>

<body>
<div id="logo"><img src="image/ObiettiviCre.gif"></img></div>
<div id="contenuti">
<div id="centro">
<div id="welc">
<?PHP
// connessione e selezione del database
$a=1;
function prossima($a){ $a = $a+1;}

mysql_connect('localhost', 'root', 'root')
or die('Connessione non riuscita: ' . mysql_error());
if(!mysql_select_db('lpw'))
die('Selezione database fallita!');

//Controllo che l'immagine corrispondente all' Id di $a sia stata validata (valid=1) altrimenti vado all'Id successivo
$aa= "SELECT * FROM images WHERE Id =".$a."";
$ba=mysql_query($aa) or die('Query non valida:'.mysql_error());
$ca=mysql_fetch_array($ba);
$da=$ca['valid'];
if ($da == 0){ $a=$a+1;}

//Controllo se il valore di $a è un Id valido per la tabella image, altrimenti riporto $a a 1
$b = "SELECT Count(*) AS conto FROM images";
$c = mysql_query($b) or die('Query non valida:'.mysql_error());
$d=mysql_fetch_array($c);
$e = $d['conto'];
if ($a > $e) {$a=1;}

// query per recuperare il file
$query = "SELECT * FROM images WHERE Id =".$a."";
$risultato = mysql_query($query) or die('Query non valida:'.mysql_error());
$tmp = mysql_fetch_array($risultato);

// invio una intestazione contenente il tipo MIME
header('Content-Type: '.$tmp['Tipo']);

// invio il contenuto del file
echo "<img id='foto' src='Foto/"; echo $tmp['Dati']; echo "'/>";
 ?> 
</div>
</div>
<div id="BarraSx">
<div id="sezioni">
<a href="ObiettiviCreativi.php"><img src="images/Home.png"></img></a>
<br/>
<a href=""><img src="images/SezioneFoto.png"></img></a>
<br/>
<a href=""><img src="images/SezioneVideo.png"></img></a>
<br/>
<a href="Crediti.php"><img src="images/Crediti.png"></img></a>
</div>
<br/>
<ul class="login">
   <li><center>LOGIN<br/>
    <form name='login' action='Controllo.php' method=POST>
      Nickname<br/>
      <input type="text" name="nick" size="20"/><br/>
      Password <br/>
      <input type="password" name="pass" size="20"/><br/><br/>
      <input type="submit" value="Login"/>
</form>
<form name='logout' action='logout.php' method=POST>
<input type='submit' value='Logout'/>
</form>

Vuoi registrarti? <a href='Registrazione.php'>CLICCA!</a>
</center></li>   
</ul>
</div>
<div id="frecciaSx">
<a><img alt="" id="imageX" src="images/frsx1a.jpg" onmouseover="mouseOver1();"
onmouseout="mouseOut1();"/></a>

<script language="javascript">
    function mouseOver1()
    {
    document.getElementById( "imageX").src = "images/frsx2a.jpg";
    }
    function mouseOut1()
    {
     document.getElementById( "imageX").src = "images/frsx1a.jpg";
    }
</script>
</div>

<div id="frecciaDx">
<a href="<?php prossima($a); ?>"><img alt="" id="imageX2" src="images/frdx1a.jpg" onmouseover="mouseOver2();" onmouseout="mouseOut2();"/></a>
<script language="javascript">
    function mouseOver2()
    {
    document.getElementById( "imageX2").src = "images/frdx2a.jpg";
    }
    function mouseOut2()
    {
     document.getElementById( "imageX2").src = "images/frdx1a.jpg";
    }
    </script>
</div>
<div id="BarraDx">
<?php 
$c = $_COOKIE["user"];
if ($c != "") { 
echo "<div id='comm'><form name='comm' action='' method=POST>
VOTA LA FOTO <br/> 
1 &nbsp;&nbsp; 2 &nbsp;&nbsp; 3 &nbsp;&nbsp; 4 &nbsp;&nbsp; 5<br/>
<input type='radio' name='voto' value='1'><input type='radio' name='voto' value='2'><input type='radio' name='voto' value='3'><input type='radio' name='voto' value='4'><input type='radio' name='voto' value='5'><br/>
COMMENTA LA FOTO<br/>
<input type='text' name='cmm' value='$a'><br/>
<input type='submit' name='submit' value='Invia!'>
</form><br/><br/>
<a href='select.php'><img src='images/load.png'></img></a></a></div>"; } ?>
</div>
</div>

</body>
</html>

Attendo con ansia suggerimenti, consigli, bacchettate e quant'altro... nella speranza di riuscire a risolvere... Grazie in anticipo per l'aiuto!
 
Grazie, ora mi studio un po' il codice del link per vedere se è adattabile alle mie esigenze... spero di si e comunque resto a disposizione per ulteriori consigli...
 
:elvis:Grazie mille! Con il link che mi hai suggerito ho capito quello che dovevo modificare e finalmente la mia galleria funziona.
P.S. chiedo scusa se ho aperto una discussione nonostante ci fosse quell'articolo... ho fatto delle ricerche prima di postare ma non mi avevano dato risultati soddisfacenti... evidentemente non ho saputo cercare!0:)
Ancora grazie!:fonzie:
 

Discussioni simili