Banner php - javascript (mudando as foto)

Não seu como fazer esse Código funciona?

Estou tentando que essas fotos fique mudando e exiba todas as fotos cadastrada do banco de dados, exibe 4 em 4 fotos.

<script type="text/javascript" src="jquery/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="jquery/jquery.cycle.all.js"></script>
<script type="text/javascript">

$(function () {

$("#rennab").cycle({

fx: 'fade',
speed: 2000,
timeout: 8000,

})
})

</script>

<div id="corpo">
<center>
<?php
$consulta = mysql_query("SELECT * FROM produtos");

while($banner = mysql_fetch_array($consulta)){

$img[] ='<img id'rennab' src="'.$banner['caminho'].$banner['foto'].'" width="329" height="247" alt="ERRO NA IMAGEM = OFF" style="padding:2px;" />';
}

shuffle ($img);
$random = array_slice($img, 0, 4);
echo implode ('', $random);
?>
</center>
</div>

Obrigado.