Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde a todos,
Estou a tentar implementar um slideshow com auto-play automatico em que as imagens vão rodando, mas só me está a funcionar o primeiro. Podem visualizar aqui: http://andre-lc.webuda.com/index2.php
Porque é que só está a aplicar no primeiro bloco de imagens do primeiro imóvel? Pois a ideia seria ser em todos. Como resolvo isto?
Retirei daqui o script: http://css-tricks.com/examples/SimpleSlideshow/ e explicação: http://css-tricks.com/snippets/jquery/simple-auto-playing-slideshow/
O código:
<?php
require("config/connect.php");
?><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Imoveis</title>
<meta name="description" content="Loren Ipsum" />
<meta name="keywords" content="Loren Ipsum." />
<meta name="author" content="AndreLC" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link href="css/template.css" rel="stylesheet" type="text/css" />
<link href="css/pages.css" rel="stylesheet" type="text/css" />
<style>
#slideshow {
position: relative;
height: 150px;
padding: 11px;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}#slideshow > div{
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 3000);
});
</script>
</head>
<body>
<?php
//A quantidade de valor a ser exibida
$quantidade = 5;
//a pagina actual
$pagina = (isset($_GET['pagina'])) ? (int)$_GET['pagina'] : 1;
//Calcula a pagina de qual valor será exibido
$inicio = ($quantidade * $pagina) - $quantidade;
//Query em SQL com o LIMIT para exibição dos dados
$sql = "SELECT * FROM imoveis WHERE estado=1 ORDER BY id DESC LIMIT $inicio, $quantidade";
//Executa o SQL
$qr = mysql_query($sql) or die(mysql_error());
//Percorre os campos da tabela
while($ln = mysql_fetch_assoc($qr)){
$Imagem1 = $ln['Imagem1'];
$Imagem2 = $ln['Imagem2'];
$Imagem3 = $ln['Imagem3'];
$Imagem4 = $ln['Imagem4'];
$Imagem5 = $ln['Imagem5'];
$Imagem6 = $ln['Imagem6'];
$Imagem7 = $ln['Imagem7'];
$Imagem8 = $ln['Imagem8'];
$Imagem9 = $ln['Imagem9'];
$Imagem10 = $ln['Imagem10'];
echo "<div class=\"content_pesquisa_txt4\">";
if ($Imagem1 != ""){
echo "<div id='slideshow'>
<div>
<img width='150' height='150' src='area/img/Imoveis/$Imagem1' alt='' />
</div>
<div>
<img width='150' height='150' src='area/img/Imoveis/$Imagem2' alt='' />
</div>
</div>";
}else{
echo "<img width='150' height='150' src='area/img/Imoveis/default.png' alt='' />";
}
echo "</div>";
?>
</body>
</html>Obrigado pela ajuda.
Carregando comentários...