ad27

Javascript Nav Help

Discussion created by ad27 on Jan 11, 2011
Latest reply on Jan 12, 2011 by DSwingley-esristaff
I am working on my site and I am finding trouble getting my thumbnails to open the larger images when clicked. I am also getting an error message for my "back" button for my slide show.

Here is the code I am working with:

<link rel="stylesheet" type="text/css" media="screen" href="css/colorbox.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="javascript/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="javascript/jquery.colorbox-min.js"></script>



<script type="text/javascript">
$(document).ready(function(){
$('#main ul').cycle({
    fx:     'fade',
    speed:  'fast',
    timeout: 0,
    prev: '#back'
next:   '#next'


}).hide();


$('#main ul:first-child').show();


$('#thumb li').click(function(){
var navItem = $(this).index();
$('#main ul').hide();
$('#main ul:nth-child('+(navItem+1)+')').show();
return false;
         
});
$('#main ul a').colorbox();


});



</script>


Any help??

Outcomes