Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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);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());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'].'">';
?>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);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());echo '<img id="'.$num_portfolio['id'].'" src="'.$num_portfolio['imgp'].'" onmouseover="troca(this,this.src)">';
}
echo '<img id="grande" src="">';
?>
Ali em SlideShow tem algumas galerias bem interessantes, dê uma olhada:
http://forum.imasters.com.br/index.php?/topic/270079-indice-dos-scripts/