Special jquary slider for my design


#1

introduce me one jquery plugin for this slider.this is very important for me.please help thanks


#2

@netcoder34868,
Not actually a plugin.....

<!doctype html>
<html>
  <head>
    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="style.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<style>
	.numberCircle {
    /*border-radius: 50%;*/
    width: 20px;
    height: 20px;
    /*padding: 8px;*/
    background: #fff;
    border: 2px solid black;
    color: black;
    text-align: center;
    font: 10px Arial, sans-serif;
    display: inline-block;
}
.card {width: 600px;
height:200px;}
.nodisplay { display:none;} 
img { width: 400px;
height:180px;
 border: 2px solid black;
}
	</style>
  </head>
  <body>
  <div class="container">
 <div class="card">
 <div class="row">
  <div class="card-block">
    <a href="#" class="card-link col-md-offset-6">
	<span class="numberCircle">1</span></a>
    <a href="#" class="card-link"><span class="numberCircle">2</span></a>
  </div>
 </div>
 <div class="row">
 <img class="card-img-top nodisplay" data-src="..." alt="Card image cap 1">
 <img class="card-img-top " data-src="..." alt="Card image cap 2">
</div>
  </div>
</div>
  <script>
  alert("in the script")
  $('p').text("jquery-test").appendTo("body")
  $('a').click( function() {
    var indexNr = $(this).index();
	$("img").addClass("nodisplay");
	$("img").eq(indexNr).removeClass("nodisplay");
    $('p').text(indexNr).appendTo("body")
	});
  </script>
  </body>
</html>

reference::
http://getbootstrap.com/getting-started/
http://v4-alpha.getbootstrap.com/getting-started/introduction/#box-sizing
http://v4-alpha.getbootstrap.com/layout/grid/
http://stackoverflow.com/questions/25650553/how-to-pass-numbers-in-bootstrap-3-glyphicons
http://stackoverflow.com/questions/9887534/get-an-element-by-index-in-jquery