Ir para conteúdo

POWERED BY:

Arquivado

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

pensar

Slide show com Banco de Dados

Por , em PHP

Recommended Posts

pensar    1

pensar
Postado

Saudações Galera do Imasters

 

Tenho esse slide show aqui LINK DO SLIDE

 

Ele esta sem banco de dados como podem ver no codigo abaixo. Nao consegui adaptar ele para usar o banco com a tabela slide que tem o campo id, foto, link, titulo, texto

 

Se alguem puder dar uma ajuda.. segue abaixo o codigo da index

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="geral.css" rel="stylesheet" type="text/css" /> 
<link href="destaque.css" rel="stylesheet" type="text/css" /> 
<script language="javascript" type="text/javascript" src="destaque.js"></script> 
<script src="swffix_modified.js" type="text/javascript"></script> 
</head>

<body>
			<!-- DESTAQUES --> 
				<div id="destaque"> 
										
					
				<div style="background-image: url(img/147.jpg);display:none;" id="destaque_1" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('0')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('2')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/578-marisa-monte/467790-nao-e-proibido/">Marisa Monte</a></div> 
									<div class="d_texto-legenda"><a href="/578-marisa-monte/467790-nao-e-proibido/">A doce letra de "Não é Proibido" suscita nostalgia e lembranças da infância</div> 
								</div> 
							</div> 
							<a href="/578-marisa-monte/467790-nao-e-proibido/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
					
					
															
					
				<div style="background-image: url(img/146.jpg);display:none;" id="destaque_2" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('1')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('3')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/1251-lil-wayne/194759-lollipop/">Lil Wayne</a></div> 
									<div class="d_texto-legenda"><a href="/1251-lil-wayne/194759-lollipop/">O rapper está com tudo e bota pra quebrar em "Lollipop"! Curta a letra e não deixe de conferir a tradução</div> 
								</div> 
							</div> 
							<a href="/1251-lil-wayne/194759-lollipop/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
					
					
															
					
				<div style="background-image: url(img/144.jpg);display:none;" id="destaque_3" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('2')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('4')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/1074-ashley-tisdale/75220-positivity/">Ashley Tisdale</a></div> 
									<div class="d_texto-legenda"><a href="/1074-ashley-tisdale/75220-positivity/">Propague muitas vibrações positivas e energia com a letra de Positivity! Confira também as fotos da estrela teen</div> 
								</div> 
							</div> 
							<a href="/1074-ashley-tisdale/75220-positivity/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
					
					
															
					
				<div style="background-image: url(img/145.jpg);display:none;" id="destaque_4" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('3')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('5')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/674-o-rappa/490532-monstro-invisivel/">O Rappa</a></div> 
									<div class="d_texto-legenda"><a href="/674-o-rappa/490532-monstro-invisivel/">"Monstro Invisível" não pára de tocar nas rádios! Tente entender a loucura de Falcão e sua turma na letra da música</div> 
								</div> 
							</div> 
							<a href="/674-o-rappa/490532-monstro-invisivel/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
					
					
															
					
				<div style="background-image: url(img/143.jpg);display:none;" id="destaque_5" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('4')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('6')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/786-robbie-williams/51444-angels/">Robbie Williams</a></div> 
									<div class="d_texto-legenda"><a href="/786-robbie-williams/51444-angels/">Sonhe com aquela pessoa especial e deixe-se levar pela voz de Robbie enquanto acompanha a letra de "Angels"</div> 
								</div> 
							</div> 
							<a href="/786-robbie-williams/51444-angels/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
					
					
															<script language="javascript" type="text/javascript"> 
					<!--
					destaque_qtde = '5';
					if (destaque_qtde>0)
					abre_destaque('1',true);
					//--> 
					</script> 
				</div> 
				<!-- // DESTAQUES --> 

</body>
</html>

Abração http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassiano óliver    1

cassiano óliver
Postado

para adaptar...

 

1º você tem que ter os dados no BD?

você já tem?

 

sabe cadastrá-los no BD?

 

se já estão no BD, é só você fazer um laço para gerar o código...

Compartilhar este post

Link para o post
Compartilhar em outros sites

pensar    1

pensar
Postado

Coloquei assim mas esta dando erro pois como pode perceber cada div tem uma id .. fiz o laço mas ele mostra a mesma imagem para as outras noticias olhe..

LINK

 

Segue abaixo o codigo que usei com o laço. Acho que dessa maneira ta errado mas ... como disse vejam que cada Div tem uma id .. que é identificada pelo javascript constante no arquivo destaque.js que vou postar tambem

 

<?php
include ("db.php");
$resultado = mysql_query("select * from player order by id Limit 5");
mysql_close();
if(mysql_num_rows($resultado) < 1) {
	exit;
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="geral.css" rel="stylesheet" type="text/css" /> 
<link href="destaque.css" rel="stylesheet" type="text/css" /> 
<script language="javascript" type="text/javascript" src="destaque.js"></script> 
<script src="swffix_modified.js" type="text/javascript"></script> 
</head>

<body>

			<!-- DESTAQUES --> 
				<div id="destaque"> 
									<?php
while($l = mysql_fetch_array($resultado)) {
	
	$id	  = $l["id"];
	$titulo = $l["titulo"];
	$foto = $l["foto"];
	$link = $l["link"];
	$assunto = $l["texto"];
	$texto = substr("$assunto", 0, 60);
	
	?>	
					
				<div style="background-image: url(../admin/upload/<?php echo $foto; ?>);display:none;" id="destaque_1" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('0')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('2')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/578-marisa-monte/467790-nao-e-proibido/">Marisa Monte</a></div> 
									<div class="d_texto-legenda"><a href="/578-marisa-monte/467790-nao-e-proibido/">A doce letra de "Não é Proibido" suscita nostalgia e lembranças da infância</div> 
								</div> 
							</div> 
							<a href="/578-marisa-monte/467790-nao-e-proibido/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
						
					
				<div style="background-image: url(../admin/upload/<?php echo $foto; ?>);display:none;" id="destaque_2" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('1')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('3')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/1251-lil-wayne/194759-lollipop/">Lil Wayne</a></div> 
									<div class="d_texto-legenda"><a href="/1251-lil-wayne/194759-lollipop/">O rapper está com tudo e bota pra quebrar em "Lollipop"! Curta a letra e não deixe de conferir a tradução</div> 
								</div> 
							</div> 
							<a href="/1251-lil-wayne/194759-lollipop/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
					
				<div style="background-image: url(../admin/upload/<?php echo $foto; ?>);display:none;" id="destaque_3" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('2')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('4')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/1074-ashley-tisdale/75220-positivity/">Ashley Tisdale</a></div> 
									<div class="d_texto-legenda"><a href="/1074-ashley-tisdale/75220-positivity/">Propague muitas vibrações positivas e energia com a letra de Positivity! Confira também as fotos da estrela teen</div> 
								</div> 
							</div> 
							<a href="/1074-ashley-tisdale/75220-positivity/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
					
				
				<div style="background-image: url(../admin/upload/<?php echo $foto; ?>);display:none;" id="destaque_4" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('3')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('5')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/674-o-rappa/490532-monstro-invisivel/">O Rappa</a></div> 
									<div class="d_texto-legenda"><a href="/674-o-rappa/490532-monstro-invisivel/">"Monstro Invisível" não pára de tocar nas rádios! Tente entender a loucura de Falcão e sua turma na letra da música</div> 
								</div> 
							</div> 
							<a href="/674-o-rappa/490532-monstro-invisivel/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
				
				<div style="background-image: url(../admin/upload/<?php echo $foto; ?>);display:none;" id="destaque_5" class="foto" onmouseover="nao_deixar_trocar();" onmouseout="deixar_trocar();"> 
						<div style="position: relative;" class="borda"> 
							<div style="position: absolute;" class="barra"> 
								<div class="seta"> 
									<div class="seta_l"><a href="java script:abre_destaque_click('4')"><img src="b.gif"/></a></div> 
				   					<div class="seta_r"><a href="java script:abre_destaque_click('6')"><img src="b.gif"/></a></div> 
			   					 </div> 
								<div class="d_texto"> 
									<div class="d_texto-artista"><a href="/786-robbie-williams/51444-angels/">Robbie Williams</a></div> 
									<div class="d_texto-legenda"><a href="/786-robbie-williams/51444-angels/">Sonhe com aquela pessoa especial e deixe-se levar pela voz de Robbie enquanto acompanha a letra de "Angels"</div> 
								</div> 
							</div> 
							<a href="/786-robbie-williams/51444-angels/"><img height="259" border="0" width="408" src="b.gif"/></a> 
						</div> 
					</div> 
					
						 <?php } ?>	
															<script language="javascript" type="text/javascript"> 
					<!--
					destaque_qtde = '5';
					if (destaque_qtde>0)
					abre_destaque('1',true);
					//--> 
					</script> 
				  
				</div> 
				<!-- // DESTAQUES --> 
</body>
</html>

destaque.js

// JavaScript Document
var destaque_qtde = 0;
var destaque_atual = 1;
var destaque_timout = 0;
var destaque_segundos = 5000; // milisegundos
var controle = true;

function abre_destaque(pos, flag)
{
	if (controle || flag) {
		if (pos > destaque_qtde) pos = 1;
		if (pos < 1) pos = destaque_qtde;
		document.getElementById('destaque_' + destaque_atual).style.display = 'none';
		document.getElementById('destaque_' + pos).style.display = '';
		destaque_atual = pos;
		
		clearTimeout(destaque_timout);
		destaque_timout = setTimeout("abre_destaque('" + (eval(pos)+1) + "', false)", destaque_segundos);
	} else {
		clearTimeout(destaque_timout);
		destaque_timout = setTimeout("abre_destaque('" + (eval(pos)) + "', false)", 2);
	}
}

function abre_destaque_click(pos) {
	abre_destaque(pos,true);
}
function nao_deixar_trocar() {
	controle = false;
}
function deixar_trocar() {
	controle = true;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

pensar    1

pensar
Postado

Verifiquei tambem que o codigo gerado por esse laço esta mostrando 5 vezes o mesmo registro... o certo seria fazer um laço somente em uma div mas como faço pra que a cada loop a id da div passe de destaque_1 para destaque_2

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

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

  Aceito