Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">](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
})
})@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;
} float:left;
display:inline;
}p{
text-align:center;
}quero chegar nesse exemplo
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
Carregando comentários...