/*********************************************** * Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * Please keep this notice intact ***********************************************/ .container { width: 764px; margin: 0 auto; } @media screen and (max-width: 800px){ /* when document is 800px or less */ .container { width: 100%; } } span.paginatecircle{ /* CSS for paginate circle spans. Required */ background: white; border: 2px solid black; border-radius: 10px; width: 6px; height: 6px; cursor: pointer; display: inline-block; margin-right: 4px; } span.paginatecircle:hover{ background: gray; } span.paginatecircle.selected{ background: black; }
.stepcarousel{ position: relative; /* Leave this value alone */ width: 100%; /* Width of Carousel Viewer itself */ padding: 138% 0 0 0; /* Height should enough to fit largest content's height */ -webkit-box-sizing: border-box; /* Set box model so container width and height value includes any padding/border defined */ -moz-box-sizing: border-box; box-sizing: border-box; } .stepcarousel .belt{ position: absolute; /* Leave this value alone */ width: 100%; top: 0; } .stepcarousel .panel{ overflow: hidden; /* Clip content that go outside dimensions of holding panel DIV */ margin: auto; /* Margin around each panel */ width: 100%; /* Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } stepcarousel.setup({ galleryid: 'DVD-gallery', //id of carousel DIV beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content autostep: {enable:true, moveby:1, pause:3000}, panelbehavior: {speed:500, wraparound:true, wrapbehavior:'pushpull', persist:true}, defaultbuttons: {enable: screen.width > 800 ? true : false, moveby: 1, leftnav: ['/docs/icons/arrowl.gif', -40, 546], rightnav: ['/docs/icons/arrowr.gif', 20, 546]}, contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file'] });
Accédez à la description du DVD voulue en cliquant sur l'image correspondante
Vous pouvez commander nos DVD en cliquant ICI.