Banner php - javascript (mudando as foto)

[Paulo1016 0]

Não seu como fazer esse Código funciona?

 

Estou tentando que essas fotos fique mudando e exiba todas as fotos cadastrada do banco de dados, exibe 4 em 4 fotos.

<script type="text/javascript" src="jquery/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="jquery/jquery.cycle.all.js"></script>
<script type="text/javascript">

$(function () {
$("#rennab").cycle({

	fx: 'fade',
	speed: 2000,
	timeout: 8000,

})
})
</script>

<div id="corpo">
<center>
<?php
$consulta = mysql_query("SELECT * FROM produtos");
while($banner = mysql_fetch_array($consulta)){

$img[] ='<img id'rennab' src="'.$banner['caminho'].$banner['foto'].'" width="329" height="247" alt="ERRO NA IMAGEM = OFF" style="padding:2px;" />';
}

shuffle ($img);
$random = array_slice($img, 0, 4);
echo implode ('', $random);
?>
</center>
</div>

Obrigado.

[William Bruno 1501]

o ID precisa ser o mesmo

 

$("#rennab").cycle({

então:

<div id="rennab">

[Paulo1016 0]

Certo mas não está funcionando? A foto não fica mudando?

<script type="text/javascript" src="jquery/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="jquery/jquery.cycle.all.js"></script>
<script type="text/javascript">

$(function () {
$("#rennab").cycle({

	fx: 'fade',
	speed: 2000,
	timeout: 8000,

})
})
</script>

<div id="corpo rennab">
<center>
<?php
$consulta = mysql_query("SELECT * FROM produtos");
while($banner = mysql_fetch_array($consulta)){

$img[] ='<img src="'.$banner['caminho'].$banner['foto'].'" width="329" height="247" alt="ERRO NA IMAGEM = OFF" style="padding:2px;" />';
}

shuffle ($img);
$random = array_slice($img, 0, 4);
echo implode ('', $random);
?>
</center>
</div>

Obrigado

[William Bruno 1501]

ID é unico, vc não pode colocar 2.

 

<div id="corpo rennab">

troca por

<div id="rennab">

além disso, aperte Ctrl + Shift + J no teu Firefox ou Chrome e veja quais erros aparecem.

[Paulo1016 0]

Mas também não funciona:

<div id="rennab">

Esse ID funciona se eu usa as informações do CSS:

<div id="corpo rennab">

[William Bruno 1501]

Então troca no js:

 

$("#corpo").cycle({

então:

<div id="corpo">

além disso, o que apareceu no Ctrl + Shift + J ??

[Paulo1016 0]

Também não funciona só exibe as 4 primeiras fotos, mas não fica mudando.

[William Bruno 1501]

E o que aparece no console de erros ?

[Paulo1016 0]

Não aparece Erro, as fotos aparece normal, quando eu atualizo o ARRAY muda as fotos.

 

Mas o javascript não muda as fotos, sozinho.

 

Exemplo:

Obrigado.

[William Bruno 1501]

poste um link online para debugarmos.

 

sem isso fica impossível prosseguirmos.

[Paulo1016 0]

OK desculpe pela demora.

 

www.baixinhogames.com.br

 

São essas 4 fotos embaixo do botões. Com F5 funciona blz, mas com o sistema

<script type="text/javascript">

$(function () {
$("#rennab").cycle({

	fx: 'fade',
	speed: 2000,
	timeout: 8000,

})
})
</script>

Não funciona

 

Obrigado

[angelorubin 142]

Pelo firefox exibe este erro no console:

 

"[cycle] terminating; zero elements found by selector"

[Paulo1016 0]

??

 

"[cycle] terminating; zero elements found by selector"

[Anderson Danilo 43]

Pesquisei, e realmente não achei nenhum elemento com o id "rennab" no seu código.

[E.Martins 0]

<div id="corpo rennab">
<center>
<?php
//admin user
$connect = mysql_connect("servidor_mysql", "user", "senha");
mysql_select_db("banco_de _dados", $connect);

$consulta = mysql_query("SELECT * FROM produtos");
while($banner = mysql_fetch_array($consulta)){

$img[] ='<img src="'.$banner['caminho'].$banner['foto'].'" width="329" height="247" alt="ERRO NA IMAGEM = OFF" style="padding:2px;" />';
}

shuffle ($img);
$random = array_slice($img, 0, 4);
echo implode ('', $random);
?>
</center>
</div>

Não sou experte no assunto mais ver se assim faz sentido.

[Paulo1016 0]

Essa Código:

//admin user
$connect = mysql_connect("servidor_mysql", "user", "senha");
mysql_select_db("banco_de _dados", $connect);

Ele faz o Que?

[Anderson Danilo 43]

Ele conecta ao banco de dados "banco_de _dados" no servidor "servidor_mysql" com o usuário "user" e senha "senha".

 

Como já foi dito por Willian Bruno, Você não pode colocar 2 id em um elemento, ele é único:

<div id="corpo rennab">

Ou você usa "corpo" ou "rennab", e depois tem que alterar também no javascript.

[wanderval 19]

exatamente como falado não se pode colcoar 2 nomeações dentro do atributo id isso somente e permitido no atribute class

 

o errro apresentado diz: "[cycle] terminating; zero elements found by selector", logo a plugin cycle não está enchergando as tags img, dei uma olhada na sua pagina e contatei um erro no caso o id na chamada cycle nao esta setado, o motivo de não estar funcionando e que você colocou uma tag "<center>" dentro da referencia primaria do plugin desta forma o plugin não conseguiu enchergar as imagens e criar o vetor. Abaixo veja alteração necessaria a ser feita.

 

onde está

$("").cycle({

	fx: 'fade',
	speed: 2000,
	timeout: 8000

})

coloque

$("#corpo center").cycle({

	fx: 'fade',
	speed: 2000,
	timeout: 8000

})

Veje se funciona agora!

[wanderval 19]

Não consegui editar o post anterior então tive que repetir, peço desculpas, apos ler mas um pouco compreendi sua duvida no caso de mudar as quatro imagens ao mesmo tempo,

1- seu id "corpo" repete 2 vezes problema

2-a tag center na aqual você fez referencia as 4 imagens banner so foi contruida uma unica sendo assim você não tem todas as imagens referenciadas

 

se sua intenção e mudar as quatro imagens acho que seria mais facil pensar na possibilidade de usar "load" do jquery e não cycle desta forma você da um load na tag acima do sql php e configure a sua logica random toda vez tera 4 imagens e não precisara carregar todas já que é 8 segundos de intervalo use o "setInterval" para fazer as requisições

<center>4 img tags</center>

[Paulo1016 0]

Desculpe a demora está um pouco ocupado no Trabalho.

 

Vou ver se consigo, criar esse novo Código e Posto Aqui.

 

Sou Novato Nisso.