Ir para conteúdo

POWERED BY:

Arquivado

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

kreator

carrossel

Por , em Javascript

Recommended Posts

kreator    0

kreator
Postado

gente estou querendo desenvolver uma galeria de imagens usando carossel,no site principal ha varios exemplos diferentes,mas eu só consigo fazer o basicão pois quando tento colocar alguns efeitos a + ele n roda +

 

index.php

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	 <title>Menu com submenus</title>
     <!--                       inclusão java script                    -->
     <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
   <script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
   <script type="text/javascript" src="js/carrossel.js"></script>

      <!--                       inclusão CSS                   -->
	 
</head>

<?
include "css.php";

?>

<body>

<div id="carrossel">
            <ul>
               <li><img src="images/imagem1.jpg" width="250" height="250" alt="" /></li>
               <li><img src="images/imagem2.jpg" width="250" height="250" alt="" /></li>
               <li><img src="images/imagem3.jpg" width="250" height="250" alt="" /></li>
               <li><img src="images/imagem4.jpg" width="250" height="250" alt="" /></li>
               <li><img src="images/imagem5.jpg" width="250" height="250" alt="" /></li>
               <li><img src="images/imagem6.jpg" width="250" height="250" alt="" /></li>
            </ul>
      </div>
      
      <p>
         <a href="#" class="prev">Anterior</a>
         <a href="#" class="next">Próximo</a>
      </p>




</body>
</html>

 

css.php

 

<link href="menu.css" rel="stylesheet" type="text/css">

carrossel.js

 

$(function(){
      $("#carrossel").jCarouselLite({
            btnPrev : '.prev',
            btnNext : '.next',
            speed   : 800,
            visible : 2
			
			
      })
})

menu.css<----- depois alterarei o nome

 

@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

#carrossel{
   width:750px;
   height:250px;
   overflow:hidden;
   margin:0 auto;
   margin-top:60px;
}

#carrossel ul{
   list-style:none;
}
#carrossel ul li{
   float:left;
   display:inline;
}

p{
   text-align:center;
}

quero chegar nesse exemplo

 

Clique aqui

 

clique no external controls em demo,é o exemplo que quero,pois axo q esse site foi estruturado em jquery

 

os meus códigos postei até a parte basica ,quando vou inserir outros comandos ele n roda!!

 

desde já agradecido familia imasters http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

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