Covers image slider

by secretgspot

HTML

<script src="http://coulisse.luvdasun.com/assets/jquery.ui.coulisse.min.js"></script>
<div id="coulisseDemo10" class="CoulisseDemo"></div>

CSS

.CoulisseDemo
{
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    background-color: Black;
}
.SliderDemo
{
    width: 80%;
    margin: 10px 10%;
    position: relative;
}

JavaScript

jQuery(function ($) {
                var myImages = [
                    'http://lh6.ggpht.com/-QJZozOPj9gw/TJxA55JGVAI/AAAAAAAAAEY/3N3FPoatOLM/s800/Nanz.jpg'
                    , 'http://lh4.ggpht.com/-DFARXUw7GYg/TJxA-PNbA0I/AAAAAAAAAEY/4riIE498oWQ/s800/Pinkie.jpg'
                    , 'http://lh3.ggpht.com/-TmnyPboz-WQ/TJxA-xCXL-I/AAAAAAAAAEY/w0-v34A2Rtw/s800/rocoCroco.jpg'
                    , 'http://lh5.ggpht.com/-XXMxjLr_iKw/TJxBCu2CfnI/AAAAAAAAAEY/3XjF1E_UAXU/s800/Self%252520Portrait%25252006.jpg'
                    , 'http://lh3.ggpht.com/-K2SdqE004V0/TJxBG0-vtOI/AAAAAAAAAEY/pNRTiiSQd9g/s800/Green%252520Tees.jpg'
                    ];

                $('#coulisseDemo10')
                .coulisse({
                    images: myImages
                    , activeSize: 400
                    , inactiveSize: 200
                });

            });  //jQuery