slideshow de imagens e textos

[anchieta 0]

Olá galeria...

 

Eu cadastrei algumas imagens e textos no MySLQ e gostaria de exibir esses como um slideshow, mas não sei como...

 

Gostaria que vocês me ajudassem a fazer isso eu não sei como juntar php e javascript... e manjo muito pouco de javascript...

[anchieta 0]

Pessoal, eu achei esse script na net, mas está com um problema, ele só mostra uma imagem, não mostra as outras..

Qual será o erro?????

O diretoria das fotos é: conteudo/fotos

<?php
		mysql_connect("","","")or die(mysql_error());
		mysql_select_db("")or die(mysql_error());
		$busca = mysql_query("SELECT * FROM fotos");
		$total = mysql_num_rows($busca);
		while($dados = mysql_fetch_assoc($busca)){
			$foto[] = $dados['thumb'];
		}
		$dado2 = mysql_fetch_assoc(mysql_query("SELECT * FROM fotos ORDER BY id ASC LIMIT 5"))or die(mysql_error());
		$foto2 = $dado2['thumb'];
	?>
	<script type="text/javascript">
		rotator = true;
		n = 0;
		theImagens = "<?php
						for($i = 0; $i <= $total - 1; $i++){
							if($i == $total - 1){
								$fim = "";
							}
							else{
								$fim = "|";
							}
							echo "$foto[$i]$fim";
						}?>".split("|");
		allImages = theImages.length;
		imgObjects = new Array();
		for(i in theImages){
			imgObjects[i] = new Image();
			imgObjects[i].src = theImages[i];
		}
		function autoplay(run,srcimage,direction,speed){
			clearInterval(rotator)
			if(run != 0){
				rotator = setInterval("rotate('"+srcimage+"',"+direction+")",speed)
			}
			else{
				clearInterval(rotator)
			}
		}
		function rotate(srcimage,direction){
			if(n == allImages){
				n = 0;
			}
			if(n == -1){
				n == allImages - 1;
			}
			document.images[srcimage].src=imgObjects[n].src;
		}
	</script>
	<table border="0">
		<tr>
			<td><a href="java script:rotate('conteudo/fotos','-1')">previous</a> (Imagem Anterior)</td>
			<td><img src="<?php echo "conteudo/fotos/$foto2"; ?>" name="myImage" alt="" border="0" /></td>
			<td><a href="java script:rotate('conteudo/fotos',1)">next</a> (Proxima Imagem)</td>
		</tr>
	</table>
	<p><a href="java script:autoplay(1,'conteudo/fotos',-1,2000)">Play Verso</a> Rodar automaticamente ao contrario</p>
	<p><a href="java script:autoplay(0)">stop</a> Parar<br /><br />
	<a href="java script:autoplay(1,'conteudo/fotos',1,1000)">Play</a> Rodar Automaticamente
	<p><a href="java script:autoplay(0)">stop</a> Parar</p>