[Resolvido] Atualização de DIV - Páginas e imagens

[rochajl 0]

Tenho uma função para atualizar as imagens em uma DIV de tempo de tempo. O problema é que preciso mostrar nesta mesma DIV, de tempo em tempo, uma página php que faz uma consulta no banco e monta uma layout com imagens e preços de produtos. Individualmente tudo funciona ok. Se rodo somente as imagens, funciona lega. Se rodo somente a página php, também. O que preciso é uma dica de como fazer com que os dois trabalhem junto. Rodar as imagens e depois a página, depois volta para as imagens e assim sucessivamente. Grato.

[PacketSpy 0]

Fala @rochajl!

 

Deixa eu ver se entendi para poder sugerir alguma coisa =]

 

Você tem uma <div> e a cada 10 segundos você troca o conteúdo dela por novas fotos? Depois de 10 segundos de novamente você troca o conteúdo por novas fotos ou pelos preços dessas fotos ?

 

Isso seria uma vitrine de produtos?

 

Se for isso, acho que já tenho uma ideia para você =]

 

Abraços!

[rochajl 0]

Quase isso. Tenho uma DIV que passa as imagens de tempo em tempo (como uma vitrine realmente). Só que em certo momento preciso carregar nesta DIV uma página PHP (que é quase uma vitrine também, mas montada via banco de dados). Qual seria o ideal para trabalhar isso. Achei um material legal em jQurey (http://jonraasch.com/blog/a-simple-jquery-slideshow) mas ainda não consegui estudá-lo para ver se da para jogar a página PHP.

[rochajl 0]

Consegui aqui.

Utilizei a biblioteca do http://malsup.com/jquery/cycle/ .

Ficou assim:

 

<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript" src="jquery_cycle.js"></script>
<script type="text/javascript">
$(function()
	{
		$("#pagina_geral").cycle(   //#pagina_geral é a DIV onde vai haver as mudanças.
		{fx: 'fade,shuffle,zoom',   //Efeitos de mudança. No site explica quais são possíveis.
		timeout:10000               //Tempo para mudança.
		}
		);
	}
 );

</script>

 

E na DIV o código:

 

<div id="pagina_geral">
<?php
echo '<img src="imagens/logos/logo1.jpg"/>';
include "buscapromocao.php";                     //Busca arquivos de imagens. O número de imagens não é fixo.
include "promo03produtos.php";                   //Este é um código que monta uma página específica.
?>
</div><!-- pagina_geral -->

 

Funcionou perfeitamente. Primeiro é mostrado a "logo1.jpg", depois as imagens do "buscapromocao.php" e por último o "promo03produtos.php" voltando para "logo1.jpg" e assim sucessivamente.

[PacketSpy 0]

Maravilha cara!

A solução mais simples sempre é a melhor!

 

Parabéns!

Abraços!