Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá colegas! Tudo bem?
Seguinte, preciso de um help de vocês.
Estou desenvolvendo esse site http://www.wownutrition.com.br/soyos/produtos/soja
O que eu estou quebrando a cabeça é...
Ali tem um carrousel de produtos... Eu precisava que quando eu trocasse o produto na seta, trocasse as info ao lado tambem, ou seja o texto descritivo.
Alguem tem uma ideia de como eu soluciono isso? Porque atualmente está para clicar, voce vai passando e clica no produto para que seja carregado as info daquele produto e eu preciso que automaticamente a hora que fora trocando o produto no carrousel tambem troque as info dos produtos!
Vlw...
Tentei fazer dessa forma.
Segue o codigo completo.
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
$("#mycarousel").find("li").show(function(){
var idProduto = $(this).attr("id");
$(".scroll-pane produtos").load("consulta.php?id="+idProduto);
});
});
</script>
<!-- container -->
<div id="container" class="left coluna tamanho16 nm_bottom nm_top">
<!-- jcarousel -->
<div class="jcarousel">
<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
<li id="<?php echo $rs["id"]?>"><img src="files/big/<?php echo $rs["img_d1"];?>" alt="<?php echo $rs["titulo"]?>" width="382" height="418" title="<?php echo $rs["titulo"]?>" /></li>
<?php
while($rs_gleria = mysql_fetch_array($galeria)){
?>
<li id="<?php echo $rs["id"]?>"><a href="produtos/<?php echo $rs_gleria["permalink"]?>"><img id="<?php echo $rs_gleria["id"]?>" src="files/big/<?php echo $rs_gleria["img_d1"]?>" title="<?php echo $rs_gleria["titulo"]?>" alt="<?php echo $rs_gleria["titulo"]?>" width="382" height="418" /></a></li>
<? } ?>
</ul>
</div>
<!-- /jcarousel -->
</div>
<!-- /container -->
<h2 class="produtos"><?php echo $rs["titulo"]?></h2>
<div class="scroll-pane produtos">
<p><?php echo $rs["descricao"]?></p>
</div>Só que não quer funcionar.
Se eu uso assim:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
//quando clica no botao
$(".jcarousel-next").click(function(){
var idProduto = $('li').attr("id");
alert(idProduto);
$("#testes").load("consulta.php?id="+idProduto);
});
});
</script>ele pega o id apenas da primeira li, e eu precisava que quando eu clicasse no botao avançar ele pegasse o proximo o id da outra li q está mostrando na tela.
alguem tem uma solução??
Dê uma pesquisada sobre os métodos desse plugin...
Já te adianto que você vai precisar mexer com esses dois:
buttonNextCallback e buttonPrevCallback