Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos!
Gostaria de uma força em um projeto.
Tenho uma pagina que mostra o resultado de uma pesquisa ao banco em quatro linhas de uma UL.
Usando um plugin Jquery cada linha é destacada, da primeira até a última e depois o efeito volta para a primeira fazendo um looping.
Já foi um parto fazer isso sem muito conhecimento no assunto.
Agora eu preciso trocar a pesquisa para mostrar outros 4 campos da minha tabela e depois mais 4 até 16 registros.
Só que isso também tem que ser randômico. Ou seja, na primeira tela começa o efeito na primeira linha, quando chegar na quarta, troca a pesquisa para os próximos 4 campos da minha tabela e quando chegar lá no final de tudo volta para os primeiros registros. Fiz uma gambiarra aqui e consegui fazer trocar a pesquisa.... mas fazer isso randômico esta além dos meus conhecimentos.
Agradeço a atenção.. segue o código.
<!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>
<title></title>
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" href="css/estilo.css" />
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script type="text/javascript">$(document).ready(function(){
$("#featured > ul").tabs({
event: 'mouseover',
fx:{opacity: "toggle"}
}).tabs("rotate", 3000, true);
$(".ui-tabs-nav-item").each(function(item){
var i = item+1;
$('a[href="#fragment-'+i+'"]').click(function(e){
var t = $(this).find(">:first-child").html();
var url = 'destaque.php?id='+t;
window.open (url);
})
});
});
</script>
</head>
<body>
<?php
$paginaCorrente = basename($_SERVER['SCRIPT_NAME']); // PEGA O NOME DA PAGINA ATUAL PARA IDENTIFICAR O MENU
include ("conexao.php");
?>
<div id="conteudo"> <div id="destaque_principal">
<div id="featured" >
<ul class="ui-tabs-nav">
<?php
$numeracao_img = 1 ;
$numeracao_class = 1 ;
$ano_n = "20".date ("y");
$ano_x = ($ano_n-2);
$index = (isset($_GET['index'])) ? $_GET['index'] : null;
if (!isset($index)){
$index = 0;
$query="select * from destaques WHERE ativo = 'sim' AND ano > '$ano_x' ORDER BY ano DESC , mes_numeral DESC , id DESC LIMIT 4";
}
else {
$query="select * from destaques WHERE ativo = 'sim' AND ano > '$ano_x' ORDER BY ano DESC , mes_numeral DESC , id DESC LIMIT $index , 4";
}
$result=mysql_query($query);
$num=mysql_num_rows($result);
while ($registro = mysql_fetch_array($result)) {
$id = $registro ["id"];
$titulo = $registro ["titulo"];
$subtitulo = $registro ["subtitulo"];
$foto = $registro ["foto_home"];
$foto2 = $registro ["foto_mais_destaque"];
?>
<li class="ui-tabs-nav-item" id="nav-fragment-1">
<a href="#fragment-<?php echo $numeracao_class++; ?>" class="linque">
<div style="display: none"><?php echo $id; ?></div>
<span>
<h4 class="titulo_destaque_home" ><?php echo $titulo; ?></h4>
<p class="sub"><?php echo $subtitulo; ?></p>
</span>
</a>
<div id="fragment-<?php echo $numeracao_img++; ?>" class="ui-tabs-panel ui-tabs-hide" >
<a href="destaque.php?id=<?php echo $id; ?>" alt="<?php echo $titulo; ?>" title="<?php echo $titulo; ?>" >
<img src="destaques/imagens/img_home/<?php echo $foto; ?>" alt="<?php echo $titulo; ?>" title="<?php echo $titulo; ?>" width="336" height="250" border="0" />
<div class="info" >
<span class="subt"><?php echo $titulo; ?></span>
<span class="lmais">Leia mais!</span>
</div>
</a>
</div>
</li>
<?php
}
?>
<li>
<a href="#fragment-<?php echo $numeracao_class++; ?>"></a>
</li>
</ul>
</div>
<!-- GAMBIARRA -->
<span class="passa_destaque">
<a <?php if($index == 0) {echo 'class="link_passa_destaque"';} else {echo 'class="link_passa_destaque_off"';} ?> id="link_passa_destaque" href="index.php?index=0">bola</a>
<a <?php if($index == 4) {echo 'class="link_passa_destaque"';} else {echo 'class="link_passa_destaque_off"';} ?> id="link_passa_destaque2" href="index.php?index=4">bola</a>
<a <?php if($index == 8) {echo 'class="link_passa_destaque"';} else {echo 'class="link_passa_destaque_off"';} ?> id="link_passa_destaque3" href="index.php?index=8">bola</a>
<a <?php if($index == 16) {echo 'class="link_passa_destaque"';} else {echo 'class="link_passa_destaque_off"';} ?> id="link_passa_destaque4" href="index.php?index=16">bola</a>
</span>
<!-- FIM DA GAMBIARRA -->
</div><!----------------- FIM DESTAQUE PRINCIPAL ------------------->
</div><!----------------- FIM DESTAQUES ------------------->
</div><!----------------- FIM CONTEUDO ------------------->
</body>Carregando comentários...