galeria sem refresh

[oce@n 0]

SOS

 

preciso de mudar as imagens de uma galeria sem fazer refresh da página

 

na bd(mmysql) tenho id+ img pequena + imagem grande

 

sei q isto e conseguido com javascript, mas nunca fiz nada assim.

 

o feito final será a apresentão de todas as imgens pequenas que com o onmouseover, mostra noutro sitio a correspodente em img grande

estou a trabalhar com PHP.

 

alguem me pode dar uma luz? obrigado.

[William Bruno 1501]

Ali em SlideShow tem algumas galerias bem interessantes, dê uma olhada:

http://forum.imasters.com.br/index.php?/topic/270079-indice-dos-scripts/

[oce@n 0]

oi, está quaseeee....

 

agora só falta mostrar a imagem [grande]. o erro está no javascript, q deve assumir a imagem grande, mas q eu não sei como fazer....

 

alguém tem ai uma luz?

 

<?php
	$sql_portfolio = 'SELECT * FROM portfolio WHERE online="sim" ORDER BY data DESC';
	$exe_portfolio = mysql_query($sql_portfolio, $connect) or die ("erro ao executar sql portfolio");
	$num_portfolio = mysql_fetch_assoc($exe_portfolio);
	$total = mysql_num_rows($exe_portfolio);	
// java cria array com count + img pequena +img grande


do{
$galeria[$num_portfolio['id']]['pequena'].= $num_portfolio['imgp'];
$galeria[$num_portfolio['id']]['grande'].= $num_portfolio['imgg'];
}while($num_portfolio = mysql_fetch_assoc($exe_portfolio));

?>

<script type="text/javascript">
function troca (mini,link)
{
	var i=new Image();
	var igrande = document.getElementById("grande");
	igrande.src=link;

}

</script>

<?php 

$exe_portfolio = mysql_query($sql_portfolio, $connect) or die(mysql_error());
while ($num_portfolio = mysql_fetch_assoc($exe_portfolio)){
echo '<img id="'.$galeria[$num_portfolio['id']].'" src="'.$galeria[$num_portfolio['id']]['pequena'].'" onmouseover="troca(this,this.src)">';
}


echo '>>'.$galeria[$num_portfolio['id']]['grande'].'<<';

echo '<img id="grande" src="'.$galeria[$num_portfolio['id']]['grande'].'">';

?>

[oce@n 0]

mais simples... só falta associar o ID. Alguem sabe como devo fazer ?

 

<?php
	$sql_portfolio = 'SELECT * FROM portfolio WHERE online="sim" ORDER BY data DESC';
	$exe_portfolio = mysql_query($sql_portfolio, $connect) or die ("erro ao executar sql portfolio");
	$num_portfolio = mysql_fetch_assoc($exe_portfolio);
	$total = mysql_num_rows($exe_portfolio);	
// java cria array com count + img pequena +img grande


echo '>>'.$num_portfolio['id'].'<<';
?>

<script type="text/javascript">
function troca (mini,link)
{
	var i=new Image();
	var igrande = document.getElementById("grande");
	//igrande.src=link;
	///////////////////////////aqui está a asneira, não assume o id
	igrande.src="<?php echo $num_portfolio['imgg']; ?>";

}

</script>

<?php 

$exe_portfolio = mysql_query($sql_portfolio, $connect) or die(mysql_error());
while ($num_portfolio = mysql_fetch_assoc($exe_portfolio)){
echo '<img id="'.$num_portfolio['id'].'" src="'.$num_portfolio['imgp'].'" onmouseover="troca(this,this.src)">';
}

echo '<img id="grande" src="">';

?>