Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Alan Facco

Banner rotativo carregando vários banners

Recommended Posts

Help-me please!

 

Tenho um sistema de banners e selos criado em PHP e MYSQL, está funcionando perfeitamente só que o "pobrema" é que:

 

Preciso que ele seja exibido randomicamente (isso no PHP eu fiz, dá refresh na página e beleza), só que quero q ele de um "autorefresh" só na DIV usando Javascript.

 

Mas o problema maior é nos selos.

Tenho cadastrados 13 selos e na página é exibidos 6 selos de cada vez.

 

Pois então, to com dúvida de como fazer esse script, juntando o PHP e o Javascript.

 

Abaixo um script funcional em java script:

 

<script language="JavaScript" type="text/javascript">
img = new Array();
indice = 1; 
setInterval("mudaImg()", 1000);
function mudaImg() { 
if (indice == img.length - 1) 
indice = 0; 
else 
indice++;
document.getElementById("mostra").innerHTML="<img src='"+ img[indice]+"'>";
}
</script> 
<div id="mostra"><img src="http://www.fritardosovos.com/selos/20081105073322.jpg"></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faz assim:

 

 

PHP que gera o Random + codigo das img:

<?php


$banner=array(

	array(

		'img'=>'lugar/da/imagem1.jpg',

		'tex'=>'Texto alternativo1'),

	array(

		'img'=>'lugar/da/imagem2.jpg',

		'tex'=>'Texto alternativo2'),
	
	array(

		'img'=>'lugar/da/imagem3.jpg',

		'tex'=>'Texto alternativo3')

//e por ai vai :D Lembra que o último nao tem , depois do )
//olha ali depois do alternativo3')  por exemplo. ele é o ultimo, não tem isso.

	);

//gerando um random qualquer

$index=rand(0,count($banner)-1);

$cur=&$banner[$index];

?>


<!-- 6 selos, seis img -->
<img src="<?php echo $cur[img]; ?>" alt="<?php echo $cur[tex]; ?>" />
<img src="<?php echo $cur[img]; ?>" alt="<?php echo $cur[tex]; ?>" />
<img src="<?php echo $cur[img]; ?>" alt="<?php echo $cur[tex]; ?>" />
<img src="<?php echo $cur[img]; ?>" alt="<?php echo $cur[tex]; ?>" />
<img src="<?php echo $cur[img]; ?>" alt="<?php echo $cur[tex]; ?>" />
<img src="<?php echo $cur[img]; ?>" alt="<?php echo $cur[tex]; ?>" />

 

 

e pra terminar, o JS que dá random. Eu uso jQuery framework entao bota o js minified no arquivo viu xD

function ddl() {
$("ID OU CLASS DO ELEMENTO/DIV QUE IRÁ APARECER AS COISA, LEMBRANDO DO # ou . ANTES DO NOME, RESPECTIVAMENTE").load("NOME DO PHP", '', callback);
}

function callback() {
setTimeout("ddl();", 10000);  //AQUI TÁ 10segs, MUDE A GOSTO
}

//PRA CARREGAR UMA VEZ JÁ NA PRIMEIRA REQUISIÇÃO (PQ SENAO SÓ VAI APARECER ALGO NA DIV APOS DAR O TEMPO)
window.onload = ddl;

 

 

O único problema é que PODE SER que repita algum.. Não sei fazer "nao pegar img x se ela já foi pega antes"... Aí tem que ver como fas

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.