Ir para conteúdo

POWERED BY:

Arquivado

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

Mbhvirtual

Carousel Jquery não funciona no IE e Chrome

Por , em Javascript

Recommended Posts

Mbhvirtual    0

Mbhvirtual
Postado

Bem pessoal peço a ajuda de vocês porque não quero ficar com o meu projeto parado, é muito simples, mas tentei várias coisas e não consigo resolver.

 

Estou a estudar javascript e estou tentando fazer um carousel de imagens simples e não consigo fazer funcionar

Alguém pode me ajudar por favor a observar o código.

 

"não tenho servidor, estou testando isso no meu file:///C:/..."

 

qualquer ajuda para eu por este carrossel funcionando e bem vinda, obrigado.

 

o Html e o CSS funcionan perfeitamente, o jquery consigo instalar tambem, pois consigo chamar alertas como teste pelo jquery...mas o carrossel não funciona.

<!DOCTYPE html>
<html>
	
	<head>
	    	<title>Aula 1 - Instalando jQuery</title>
			<meta charset="UTF-8"/>
			<link type="text/css" rel="stylesheet" href="aula.css"/>
			
			<script language="javascript" src="js/jquery.jcarousellite.min.js"></script>
			<script language="javascript" src="js/jquery-1.11.2.min.js"></script>

			<script type="text/javascript">
			
				 $(document).ready(function(){
					
					$('#carrossel').jCarouselLite({
						visible:2,
						speed:500,
						auto:1000,
					
					})
				
				
				//alert("Olá Universo");
				});
			</script>
			

	</head>
 
<body>
       
<div id="carrossel">
    <ul>
      <li><img src="img1.jpg"/></li>
      <li><img src="img2.jpg"/></li>
      <li><img src="img3.jpg"/></li>
      <li><img src="img4.jpg"/></li>
      <li><img src="img5.jpg"/></li>
      <li><img src="img6.jpg"/></li>
    </ul>
</div>

</body>
 
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mbhvirtual    0

Mbhvirtual
Postado

Obrigado Pessoal

Agora tenho código funcionando perfeitamente em em IE mas no CHROME o carrossel desliza mas totalmente desconfigurado e reduzido, não é possivel ver as imagens inteiras.

 

Porque isso acontece?

<!DOCTYPE html>
<html>	
	<head>
	    	<title>Aula 1 - Instalando jQuery</title>
			<meta charset="UTF-8"/>
			<link type="text/css" rel="stylesheet" href="aula.css"/>
			
		<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.jcarousellite.min.js"></script>

		<script type="text/javascript">
			$(function(){
				$("#carrossel").jCarouselLite({
					visible:"2",
					speed:"5000",
					auto:"1000",
				})
			})
		</script>
			
	</head>
 
<body>
       
<div id="carrossel">
    <ul>
      <li><img src="img1.jpg"/></li>
      <li><img src="img2.jpg"/></li>
      <li><img src="img3.jpg"/></li>
      <li><img src="img4.jpg"/></li>
      <li><img src="img5.jpg"/></li>
      <li><img src="img6.jpg"/></li>
    </ul>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito