2009-09-21 7 views
1

J'essaye de créer un diaporama avec le plugin de cycle de jquery. J'essaie de l'avoir pour que les vignettes du diaporama soient générées automatiquement à partir des images principales. J'essaie aussi d'avoir la capacité de montrer les deux images qui se lient à d'autres sections, et d'autres non. Jusqu'à présent, les pouces se cassent lorsque j'ajoute un lien vers une image principale. voici mon code:Jquery Cycle avec le problème de pager de pouce

<script type="text/javascript"> 

$(function() { 


$('#ss').after('<ul id="nav">').cycle({ 
    fx:  'fade', 
    speed: '2000', 
    pager: '#nav', 
pause:   1, 

    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
     return '<li><a href="#"><img src="' + slide.a + '" width="50" height="50" /></a></li>'; 
    } 
}); 
}); 
</script> 

</head> 
<body> 
<div id="ss" > 
<a href="#"><img src="img1.jpg" /></a> 
<a href="#"><img src="img2.jpg" /></a> 
<a href="#"><img src="img3.jpg" /></a> 
<a href="#"><img src="img4.jpg" /></a> 
</div> 
</body> 
</html> 

Répondre

0

Je pense que vous cherchez quelque chose comme ça? cycle with anchors. Regardez aussi dans le "slideExpr"