Ir para conteúdo

Arquivado

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

Carcleo

JCarrousel não funciona corretamente

Recommended Posts

Pessoal, estou com um problema que não estou sabendo como resolver.

 

Estou montando um Carosel de fotos usando jquery e jcarousel, mas esta dando um comportamento estranho.

 

Eu tenho 2 fotos (teste) e, ao passar as duas, ao clikar nos botões pra frente e pra traz, as fotos se repentem.

 

Alem disso, duas imagens que usei como botões de navegação, não estão aparecendo.

 

Por favor, vejam o comportamento em: http://www.dinamicaimoveis.com.br/novo/ver_imovel.php?acao=ver_imovel&id_imovel=1

 

E quando, cliko em um botão, as vezes ele vai pra frente mas retorna para traz.

Estou usando o seguinte código:

 <script type="text/javascript" src="global/funcoes_js/jquery.js"></script>
 <script type="text/javascript" src="global/funcoes_js/jcarousell.js"></script>
 <script type="text/javascript">
   $(function()
{
	$(".carosel").jCarouselLite(
	{
		btnNext: ".next",
		btnPrev: ".prev",
		visible: 3,
		auto: 5000,
		speed: 2000
	}
	                    )
}
  )
 </script>
 <style type="text/css">
   #carosel {width:800px}
   #carosel img{ height:100px; padding:5x; border:1px solid #ccc; margin:0 5px;}
#prev { float:left; width:20px; height:100px; background:#069 url(img/anterior.jpg) no-repeat;}
#next { float:right; width:20px; height:100px; background:#069 url(img/proximo.jpg) no-repeat;}
 </style>

E, no html (com php)

<td align='center' valign='top' colspan='2'>
  <div id='carosel'>
   <button class='prev'>Anterior</button>
   <button class='next'>Próximo</button>
    <div class='carosel'>
  <ul style='list-style-type:none;'> 
";
  while(list($fotos_imovel)=$ver_fotos_imovel->fetch_row())
 {
  echo "<li><img src='".endereco_mini."/$fotos_imovel' onmouseover=\"return clickfoto('".endereco_normal."/$fotos_imovel','Foto Ampliada');\" alt='Foto Miniatura' title='Foto Miniatura' height='100'></li>";
 }					 
 echo "
 </ul>
 </div>
 </div>
</td>

Compartilhar este post


Link para o post
Compartilhar em outros sites

puxa pessoal.

 

ainda não consegui

 

Alterei para o script do carrossel de fotos com jquery postado nesse link: http://www.rogeralmeida.com.br/jquery/carrossel-de-imagens-com-jquery, ficou muito bom para mim.

 

Mas, estou tendo um pequeno problema.

 

O numero de fotos tem que ser, no mínimo, igual ao numero de fotos que vem do banco. Senão, as fotos não aparecem.

 

Tipo: eu tenho duas fotos em um imovel, mas configurei para 6 pois haverá imovel com muito mais que 6 fotos.

 

Como resolve isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

puxa pessoal.

 

ainda não consegui

 

Alterei para o script do carrossel de fotos com jquery postado nesse link: http://www.rogeralmeida.com.br/jquery/carrossel-de-imagens-com-jquery, ficou muito bom para mim.

 

Mas, estou tendo um pequeno problema.

 

O numero de fotos tem que ser, no mínimo, igual ao numero de fotos que vem do banco. Senão, as fotos não aparecem.

 

Tipo: eu tenho duas fotos em um imovel, mas configurei para 6 pois haverá imovel com muito mais que 6 fotos.

 

Como resolve isso?

 

 

Tentou deixar sem a opção de visible? pois é apenas quantas fotos irão aparecer visualmente, não quantas vão carregar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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