Jquery camRoll Slider

Jquery camRoll Slider is jquery plugin for awesome slider.

Usage

insert the below code to HTML file.

[sourcecode]
<head>
<link href="camroll_slider.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="camroll_slider.js"></script>
</head>
<body>
<div id="my-slider" class="crs-wrap">
<div class="crs-screen">
<div class="crs-screen-roll">
<div class="crs-screen-item" style="background-image: url(‘images/1.jpg’)">
<div class="crs-screen-item-content"><h1>Lorem…</h1></div>
</div>
</div>
</div>
<div class="crs-bar">
<div class="crs-bar-roll-current"></div>
<div class="crs-bar-roll-wrap">
<div class="crs-bar-roll">
<div class="crs-bar-roll-item" style="background-image: url(‘images/1.jpg’)"></div>
</div>
</div>
</div>
</div>
</body>

[/sourcecode]

add the below css code

[sourcecode]

#my-slider {
width: 100%;
height: 404px;
color: white;
}

@media (max-width: 640px) {

#my-slider .crs-bar-roll-current {
width: 38px;
height: 38px;
}

#my-slider .crs-bar-roll-item {
width: 30px;
height: 30px;
}
}
[/sourcecode]

For initialization

[sourcecode]
$("#my-slider").camRollSlider();
[/sourcecode]

Read More Demo Download