jcarousel

[Johnison Almeida 0]

fiz o seguinte código para ter uma carousel com duas linhas, só que quando ele começa a executar a primeira linha é executada primeiro ficar um delay entre as linhas. Como faço para que as duas sejam executadas juntas?

 

html

<div id="carousel" style="overflow:hidden; position:relative;">
	<div class="carousel">
		<ul>
			<li><img src="img/01.jpg"></li>
	           	<li><img src="img/02.jpg"></li>
	        	<li><img src="img/03.jpg"></li>
	          	<li><img src="img/02.jpg"></li>	           
		</ul>        
	</div>
        <div class="carousel">
		<ul>
			<li><img src="img/01.jpg"></li>
	           	<li><img src="img/02.jpg"></li>
	        	<li><img src="img/03.jpg"></li>
	          	<li><img src="img/02.jpg"></li>	           
		</ul>        
	</div>	    
</div> 

script

<script type="text/javascript">
	$(document).ready(function () {
		$(".carousel").jCarouselLite({
			btnNext: ".next",
			btnPrev: ".prev",
			mouseWheel: true,
			visible: 4,
			auto:	6000,
			speed: 1500
		});			
	});
</script>

[Rafael Sirotheau 43]

Cara... Acho que isso vai ser complicado. Pois vai depender do tempo que o script leva para executar.

O ideal é que o plugin disponibilizasse uma função de play e stop. Você pode modificar o script para adicionar essa funcionalidade ou abrir um issue dando essa sugestão. Mas, pelo que vi, o cara vai lançar uma versão 2.0 com funcionalidades de controle. Provavelmente play/stop estará no meio.

https://github.com/ganeshmax/jcarousellite/issues/2

[Johnison Almeida 0]

Obrigado Rafael... pensem em fazer um load para só exibir a div quando todas as imagens estiverem carregados, vou tentar.