Jquery camRoll Slider

Jquery camRoll Slider is jquery plugin for awesome slider.


insert the below code to HTML file.

  <link href="camroll_slider.css" rel="stylesheet"> 
  <script src="jquery.js"></script> 
  <script src="camroll_slider.js"></script> 
  <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 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>

add the below css code

#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; 

For initialization


Read More Demo Download