Caroufredsel Example #61 - Vertical Instead Of Horizontal

I am attempting to modify the example set here: http://coolcarousels.frebsite.nl/c/61/ ...to display the thumbnails vertically, rather than horizontally. DEMO I have everything s

Solution 1:

http://jsbin.com/geqakupe/10/edit

I changed this line: var src = data.items.visible.first().find('img').attr( 'src' ); in on before event and add this css rules:

#carouseldiv{
   position:relative;
}
#carousel {
   width: 800px;
   height: 500px;
   overflow: hidden;
   position:relative;
}
#carouselh1{
   position:absolute;
   top:0;
   left:105px;
   font-size:30px;
  color:red;
}

Solution 2:

I guess this example will help you: http://jsbin.com/geqakupe/4/edit

You should set directon:"up" and height:"100%" options. You also need to change the positioning element #pager-wrapper and set different height and width to it.