Skip to content

Instantly share code, notes, and snippets.

@kvahuja kvahuja/index.html
Created Aug 21, 2014

Embed
What would you like to do?
JQuery bxslider Carousel Wrapper HTML
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<title>bxSlider</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="bxSlider" >
<meta name="keywords" content="bxSlider">
<meta name="author" content="bxSlider">
<meta name="version" content="3.3.12">
<meta http-equiv="content-language" content="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- jQuery library (served from Google) -->
<script src="jquery.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery.bxslider.min.js"></script>
<link href="reset.css" rel="stylesheet" />
<!-- bxSlider CSS file -->
<link href="jquery.bxslider.css" rel="stylesheet" />
</head>
<body>
<div id="main-wrapper">
<h1>Main Heading</h1>
<h2>Main Heading</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<ul class="bxslider">
<li><img src="http://www.placehold.it/940x360&text=Carousel+Slide+1" /></li>
<li><img src="http://www.placehold.it/940x360&text=Carousel+Slide+2" /></li>
<li><img src="http://www.placehold.it/940x360&text=Carousel+Slide+3" /></li>
<li><img src="http://www.placehold.it/940x360&text=Carousel+Slide+4" /></li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.