###Documentation

0. Old Doc

http://docs.dev7studios.com/caroufredsel-old/code-examples/configuration.php

1. Carousel in a display:none parent

#####Problem: When the carousel is in a displayed none parent, it gets a height=0 at the init.

#####Solution

• Set the parent to display none as a display block in the css.
• Set the wrapper of the slider as fixed :

.sliderWrapper {
    position: fixed;
    left: -9990px;
}

In caroufredsel options add the onCreate option which fires when the carousel is initiated. It will set the wrapper back to a static position and hide the parent which is supposed to be hidden.

onCreate: function(){
  $('.sliderWrapper').css({'position':'static', 'left':0});
  $('#divParentToDisplayNone').css({'display':'none'});
}

2. Refresh carousel size

$('#myCaroufredsel').trigger('updateSizes');