Problema no javascript não muda o slideshow

[Leandro Pedrosa 1]

Eu estou criando um portal de noticia com slide show que faz busca no banco de dados as 4 mais recentes...

Meu problema é o seguinte ele não muda as fotos no slideshow, nem quando clicamos na foto pra mudar...

ele fica estático...

Embaixo da foto tem a tarja q é destinado para mostrar o titulo da noticia tbm não muda e nem mostra o titulo...

Eu acho q é um erro de javascript, mas não tenho certeza, pois a parte de php está correto...

a conexão com banco de dados está certo tbm...

Podem me ajudar

Desde já agradeço....

 

<? include("conecta_bd.inc");?>
<style type="text/css">
.transp {
		 position: absolute;
       top: 540px;
       left: 200px;
       width: 515px;
       height: 50px;
       background: #000000;
       padding: 5px;
       -moz-opacity:0.5;
       opacity: .5;
       filter:alpha(opacity=50);
       -khtml-opacity: 0.5;
}
#tarja {
		 position: absolute;
       top: 550px;
       left: 200px;
       width: 515px;
       height: 50px;
		 padding: 5px;
		 z-index: 1;
       font-family: Trebuchet MS;
		 font-size: 0.8em;
		 font-weight: bold;
		 color: #ffffff;
}
img {
		 border:#000000;
		 margin-top:2px;
		 margin-bottom:2px;
}
a {
       outline:0;
}

</style>


<?
		$res = mysql_query("SELECT * FROM noticia ORDER BY id DESC LIMIT 0, 4");
		
		$id0 = mysql_result($res,0,"id");
		$id1 = mysql_result($res,1,"id");
		$id2 = mysql_result($res,2,"id");
		$id3 = mysql_result($res,3,"id");
		$titulo0 = mysql_result($res,0,"titulo");
		$titulo1 = mysql_result($res,1,"titulo");
		$titulo2 = mysql_result($res,2,"titulo");
		$titulo3 = mysql_result($res,3,"titulo");
		$foto0 = mysql_result($res,0,"foto");
		$foto1 = mysql_result($res,1,"foto");
		$foto2 = mysql_result($res,2,"foto");
		$foto3 = mysql_result($res,3,"foto");
			
		mysql_close($conexao);
		?>
<script>

var id = new Array(4)
var tit = new Array(4)
var foto = new Array(4)

// ID

id[0] = "<? print $id0 ;?>";
id[1] = "<? print $id1 ;?>";
id[2] = "<? print $id2 ;?>";
id[3] = "<? print $id3 ;?>";

// titulo

tit[0] = "<? print $titulo0 ;?>";
tit[1] = "<? print $titulo1 ;?>";
tit[2] = "<? print $titulo2 ;?>";
tit[3] = "<? print $titulo3 ;?>";

// Fotos

foto[0] = "<? print $foto0 ;?>";
foto[1] = "<? print $foto1 ;?>";
foto[2] = "<? print $foto2 ;?>";
foto[3] = "<? print $foto3 ;?>";


// Configuração

var timer = "5000";

var i = 1;

function animator(obj,pega) {
if (obj != "fecha") {
intervalo = window.setInterval("change()",timer);
}else { 
window.clearInterval(intervalo);

	if (pega == id[0]) {
	document.getElementById("image").src = foto[0];
	document.getElementById('tarja').innerHTML=tit[0];
	}else if (pega == id[1]) {
	document.getElementById("image").src = foto[1];
	document.getElementById('tarja').innerHTML=tit[1];
	}else if (pega == id[2]) {
	document.getElementById("image").src = foto[2];
	document.getElementById('tarja').innerHTML=tit[2];
	}else {
	document.getElementById("image").src = foto[3];
	document.getElementById('tarja').innerHTML= tit[3];
	}
}
intervalo = window.setInterval("change()",timer);
}
}

function change() {
if (i < foto.length) {
document.getElementById("image").src = foto[i % foto.length];

if (i == 0) {
document.getElementById('tarja').innerHTML=tit[i];
}else if (i == 1) {
document.getElementById('tarja').innerHTML=tit[i];
}else if (i == 2) {
document.getElementById('tarja').innerHTML=tit[i];
}else {
document.getElementById('tarja').innerHTML=tit[i];
i = -1;
}
i++;
}else { i = 0; }
}

window.onload=animator('go');

</script>

<?

print '<table cellpadding="0" cellspacing="0">';
print '<tr>';
print '<td bgcolor="#000000" nowrap="nowrap">';

print '<img id="'.$id0.'" src="'.$foto0.'" width="550" height="290" style="margin:0 10px 0px 0px;"></td>';
//<!--
//1) Em id use os valores que colocou na Array
//2) Em src coloque o endereço das imagens
//-->
print '<td bgcolor="#000000" style="width:68px;" nowrap="nowrap">';
print '<a href="javascript:;" ><img class="imgmenuone" src="'.$foto0.'" id="'.$id0.'"  onClick="animator("fecha",id);" width="58" height="58"></a>';
print '<br>';
print '<a href="javascript:;"><img class="imgmenu" id="'.$id1.'" src="'.$foto1.'" onClick="animator("fecha",id);" width="58" height="58"></a>';
print '<br>';
print '<a href="javascript:;"><img class="imgmenu" id="'.$id2.'" src="'.$foto2.'" onClick="animator("fecha",id);" width="58" height="58"></a>';
print '<br>';
print '<a href="javascript:;"><img class="imgmenu" id="'.$id3.'" src="'.$foto3.'" onClick="animator("fecha",id);" width="58" height="58"></a>';
print '</td>';
print '</tr>';
print '</table>';
print '<div class="transp"></div>';
print '<div id="tarja">Titulo</div>';

?>

[Deniw 0]

Não sei se poderei te ajudar, mas pelo que eu sei o Jquery foi feito pra acabar com scripts dentro das marcações html, ficando apenas algumas (poucas linhas )no head juntamente com os links para a biblioteca e para um plugin (geralmente específico para um determinado efeito).

 

Verifique a existência desses links.

 

Ex: plugin e biblioteca.

 

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>

<script type="text/javascript" src="js/jquery.scrollTo.js"></script>

__________________________________________________________

 

Ex: outro plugin para outro efeito mas com link externo

<script language="JavaScript" src="http://www.malsup.com/jquery/corner/jquery.corner.js"

(... + restante do plugin)

 

Usei tudo isso em uma pagina só, pro jquery funcionar.

Se o problema for com o jquery, pode ser isso.

________________

*Obs. São apenas exemplos.

Espero ter ajudado!