Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Senhoras e senhores, boa tarde de domingo.
Estou tentando criar um SLIDE dentro de um outro SLIDE. Como assim?
Slide Pai: Gira o portifólio de clientes.
Slide Filho: Gira os trabalhos feitos para o cliente exibido no slide pai.
Fui claro ou confundi? Rs.
Estou usando Jquery e o plugin Cycle.
Abaixo o que estou tentando fazer, e que aparentemente não funciona.
<!DOCTYPE HTML>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/cycle.js"></script>
<script type="text/javascript">
$(function(){
$("#slidePai ul").cycle({
fx: "scrollLeft",
speed: 2500,
timeout: 0,
next: "#slides",
})
$("#slideFilho ul").cycle({
fx: "scrollLeft",
speed: 2500,
timeout: 1000,
})
})
</script>
<link rel="stylesheet" type="text/css" href="css/folha.css">
</head>
<body>
<div id="slidePai">
<ul>
<li><div style="background-color:#F00; width:600px; height:400px">Slide Pai 1</div></li>
<li><div style="background-color:#abeafe; width:600px; height:400px">Slide Pai 2</div></li>
<!-- NESSA TELA EU TENTO INSERIR O SEGUNDO SLIDE-->
<li>
<div style="background-color:blue; width:600px; height:400px">
<div id="slideFilho">
<ul>
<li><div>slideFilho 1</div></li>
<li><div>slideFilho 2</div></li>
<li><div>slideFilho 3</div></li>
</ul>
</div>
</div>
</li>
<!-- TERMINA AQUI -->
</ul>
</div>
</body>
</html>
Desde já agradeço a ajuda.
Carregando comentários...