Ir para conteúdo

POWERED BY:

Arquivado

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

fabiossmn

[Resolvido] Slide com PHP e Jquery

Recommended Posts

Bom dia, eu queria saber como faz para fazer o slide com os plugins do Jquery + Cycle, so que eu queria que as imgens viessem do banco de dados do PHP

alguém sabe como eu faço pra carregar as imagens de lá?

Compartilhar este post


Link para o post
Compartilhar em outros sites

faça o php gerar o HTML pra você.

só isso.

 

Aperte Ctrl + U (Exibir > Código Fonte) no browser, e vá acertando a saída HTML, até ficar da forma que o plugin quer.

 

-> sabe fazer uma consulta ?

-> sabe usar algum fetch() ? [mysql_fetch_assoc(), _object()...]

-> sabe listar os dados do banco de dados?

 

se souber fazer isso, então você sabe fazer o slide 'vindo do banco'. Não tem segredo.

a 'interface sempre será HTML'.

Compartilhar este post


Link para o post
Compartilhar em outros sites

   <div id="slide">
     <?php 

		$cont = 0;
		mysql_connect("localhost", "root", "" ) or die( 'Erro na conexão' );
		mysql_select_db("protons") or die( 'Erro na seleção do banco' );
		$query = mysql_query("SELECT * FROM produtos ORDER BY id DESC LIMIT 1") or die(mysql_error());
		while($array = mysql_fetch_array($query)){
	$descricao = $array['descprod'];

					echo "
			<ul>
				<li>
				  <img src='adm/".$array['imgpro'].".jpg' width='400' height='300' />
				</li>
			</ul>
				  ";

		}
?>      



    </div>

ae esta o codigo, nao sei se é o certo ;/

nao sei fazer o > fetch() ? [mysql_fetch_assoc(), _object()...]

como seria?

Compartilhar este post


Link para o post
Compartilhar em outros sites

você já fez:

while($array = mysql_fetch_array($query)){

 

correção no teu html:

echo '<ul id="qqcoisa">';
while( $array = mysql_fetch_assoc($query) )
{
echo '<li><img src="adm/'.$array['imgpro'].'.jpg" width="400" height="300" /></li>';
}
echo '</ul>';

pronto.

 

agora é só chamar o cycle com o id #qqcoisa

só não faz sentido você limitar a query a 1, pois ai não vai ter oque 'rodar ne?" se só houver um único elemento.

Compartilhar este post


Link para o post
Compartilhar em outros sites

<script type="text/javascript">
	$(function(){
	 $("#slide ul").cycle({
		  fx: 'fade'				  
		})		   
	})

</script>

seria onde que eu chamaria ele o id da <ul>?

$("#slide ul="id" (AQUI?)").cycle({

 

acho que nao entendi ;/

Compartilhar este post


Link para o post
Compartilhar em outros sites

olha como eu fiz o html pra você:

echo '<ul id="qqcoisa">';

então, logo:

 $("#qqcoisa").cycle({

 

entendeu? :lol:

 

estude HTML cara.. essa dúvida 'não é php'.

Se você soubesse aplicar o cycle com html puro, não teria essas dúvidas.

Compartilhar este post


Link para o post
Compartilhar em outros sites

husahuausahusuhauhsuha

viajei B)

mais mesmo nao fazendo isso deu certinho lá :D

sauhshuauhsuha

mais vou arrumar pra ficar certo :D

 

vlw mesmo, ta funcionando certinho ;P

obs: como eu coloco resolvido no topico?

ou nao é eu que coloco? vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

vlw mesmo, ta funcionando certinho ;P

obs: como eu coloco resolvido no topico?

ou nao é eu que coloco? vlw

eu coloco :P

 

ou algum outro membro da Moderação. Apenas volte e diga como resolveu.

 

Só pra organização mesmo, se tiver alguma outra dúvida sobre este assunto, pode postar aqui novamente.

só evite de 'ressucitar' tópicos antigos de outros usuarios, postando dúvidas.

 

Se for postar conteudo relevante (soluções), é sempre bem-vindo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao sei se ainda pode, mais so uma duvida:

$descricao = $array['descprod'];
		$preco = $array['preco'];

 

como eu boto os valores de nome e preço pra ir rodando junto com o slide, eu tentei colocar e ficou como se fosse uma imagen e roudou dentro, como faço pra deixar ele fora e quando fazer a transição ele trocar junto?

 

while( $array = mysql_fetch_assoc($query) )
{
      echo "<li type='none'><img src='adm/".$array['imgpro'].".jpg' width='400' height='300' /></li>
	";
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

ai você vai precisar estruturar o HTML+CSS a parte.

 

e depois ver sobre o

pager do cycle()

 

no manual tem alguns exemplos avançados.

basicamente no php (depois q você conseguir oq você quer com HTML+CSS puro), você precisará montar o html sem mostrar, para depois do loop, exibir ele.

Compartilhar este post


Link para o post
Compartilhar em outros sites

depende do teu documento.

 

o plugin funciona perfeitamente, é alguma falha na tua implementação.

-> está usando DOCTYPE?

-> valide teu documento

-> valide teu css

-> confira pequenos erros de sintaxe js

..

 

o tópico já tá ficando 'deslocado' aqui no fórum de php... ^_^

Compartilhar este post


Link para o post
Compartilhar em outros sites

haushaushau desculpa ae ;/

como eu faço isso tudo ae?

 

fikei desnorteado agora uhsuahsuas :ermm:

me ajuda ae fera, me passa um poko do teu conhecimento uahshuahusa

:D

Compartilhar este post


Link para o post
Compartilhar em outros sites

só seguir isso aqui cara:

http://forum.imasters.com.br/index.php?/topic/212439-como-criar-um-topico-para-o-seu-problema/page__view__findpost__p__1613498

 

leia pelo menos este post #2 completo (sem preguiça)

 

e estude. compre livros! sim livros!

eu pelo menos prefiro estudar neles, do que 'lendo no browser'.

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.