Ir para conteúdo

POWERED BY:

Arquivado

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

''''''''''''''

Usando Cycle! Pager!

Por , em Javascript

Recommended Posts

''''''''''''''    0

''''''''''''''
Postado

 

<html>
<head>
<style type="text/css">
*{margin:0; padding:0;}
#destaques{width:500px; height:300px;}
#destaques ul{list-style:none;}
</style>

<script type="text/javascript" src="js/jquery.js" /></script>
<script type="text/javascript" src="js/jcycle.js" /></script>

<script type="text/javascript">
$(function(){
  $('#destaques ul').before('<ul id="nav">').cycle({
    fx: 'fade',
    speed: 2000,
    timeout: 5000,
    next: '#proximo',
    prev: '#anterior',
    pager: '#nav',
    pause:   1,

pagerAnchorBuilder: function(idx, slide) { 
       return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
   } 
  })
})
</script>


</head>
<body>

<!-- Inicio Mini Notícias -->
<ul id="nav">
<a href="#" class>
</a>
</ul>
<!-- Fim Mini Notícias -->

<!-- Inicio Notícias -->
<div id="destaques">
<ul>
<li>
<img src="imagens/noticia_top.png" alt="" />
"Notícia destaque 01"
<br>
<span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et condimentum nibh
. Nunc iaculis iaculis cursus. Integer nisl tellus, dictum sit amet consequat eget
cursus nec
</span>
</li>

<li>
<img src="imagens/sem_noticias.png" alt="" />
"Notícia destaque 02"
<br>
<span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque et condimentum nibh
. Nunc iaculis iaculis cursus. Integer nisl tellus, dictum sit amet consequat eget
cursus nec
</span>
</li>

</ul>
</div><!--destaques-->
<!-- FIM Notícias -->
</body>
</html>

 

 

 

 

Fiz este simples codigo D: com ajuda de uns tutoriais que axei na internet! Porem estou a algumas semanas (Literalmente)

Procurando como arrumar esse bug maledeto que me aconteceu! Intao decidi postar aki ara ver se me ajudam!

Como veem ai no codigo ele esta querendo que apareçam os menus em forma de >Mini Imagens<

porem ele nao aparece as imagens no menuzinho! Ele fika com o sinal (No Image) e com o sinal do <LI> >>•<<

porem o slide show acontece, e o link do pager (no qual apareceriam as imagens) funcionam! Só mesmo esse problema!

NAO aparece as mini imagens!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

O Cycle não cria os elementos de paging, você tem que criá-los com javascript ou antes:

 

$('#destaques').prepend('<a href="#" id="proximo"></a><a href="#" id="anterior"></a>');

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