ai2ik/blueimp-gallery

## blueimp-gallery
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Blueimp Gallery</title>

    <!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

    <!-- Add custom CSS here -->
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- font -->
    <link href='http://fonts.googleapis.com/css?family=Nunito:300' rel='stylesheet' type='text/css'>

    <!-- Gallery -->
    <link rel="stylesheet" href="//cdn.jsdelivr.net/blueimp-gallery/2.15.0/css/blueimp-gallery.min.css">
</head>

<body>

    <div class="container">
        <div class="row">
            <div class="col-lg-12">

                <div id="links">
                    <a href="http://lizjonesmakeup.com/img/CF/2/1.jpg" title="Celebrity Fashion" data-gallery>
                        <img class="img-responsive c-img" src="http://lizjonesmakeup.com/img/CF/2/1.jpg" alt="Liz Jones Cosmetics">
                    </a>
                    <br>
                    <br>
                    <a href="http://lizjonesmakeup.com/img/CF/2/2.jpg" title="Celebrity Fashion" data-gallery>
                        <img class="img-responsive c-img" src="http://lizjonesmakeup.com/img/CF/2/2.jpg" alt="Liz Jones Cosmetics">
                    </a>
                    <br>
                    <br>
                </div>

            </div>
        </div>
    </div>

<!-- The Gallery -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
  <div class="slides"></div>
  <h3 class="title"></h3>
  <a class="prev">‹</a> <a class="next">›</a> <a class="close">×</a> <a class="play-pause"></a>
  <ol class="indicator">
  </ol>
</div>

<!-- Gallery -->
<script>
document.getElementById('links').onclick = function (event) {
    event = event || window.event;
    var target = event.target || event.srcElement,
        link = target.src ? target.parentNode : target,
        options = {index: link, event: event},
        links = this.getElementsByTagName('a');
    blueimp.Gallery(links, options);
};
</script>

    <!-- JavaScript -->
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

    <!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

    <!-- Gallery -->
	<script src="//cdn.jsdelivr.net/blueimp-gallery/2.15.0/js/blueimp-gallery.min.js"></script>


</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
	<title>Blueimp Gallery</title>

	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

	<!-- Add custom CSS here -->
	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

	<!-- font -->
	<link href='http://fonts.googleapis.com/css?family=Nunito:300' rel='stylesheet' type='text/css'>

	<!-- Gallery -->
	<link rel="stylesheet" href="//cdn.jsdelivr.net/blueimp-gallery/2.15.0/css/blueimp-gallery.min.css">
	</head>

	<body>

	<div class="container">
	<div class="row">
	<div class="col-lg-12">

	<div id="links">
	<a href="http://lizjonesmakeup.com/img/CF/2/1.jpg" title="Celebrity Fashion" data-gallery>
	<img class="img-responsive c-img" src="http://lizjonesmakeup.com/img/CF/2/1.jpg" alt="Liz Jones Cosmetics">
	</a>
	<br>
	<br>
	<a href="http://lizjonesmakeup.com/img/CF/2/2.jpg" title="Celebrity Fashion" data-gallery>
	<img class="img-responsive c-img" src="http://lizjonesmakeup.com/img/CF/2/2.jpg" alt="Liz Jones Cosmetics">
	</a>
	<br>
	<br>
	</div>

	</div>
	</div>
	</div>

	<!-- The Gallery -->
	<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
	<div class="slides"></div>
	<h3 class="title"></h3>
	<a class="prev">‹</a> <a class="next">›</a> <a class="close">×</a> <a class="play-pause"></a>
	<ol class="indicator">
	</ol>
	</div>

	<!-- Gallery -->
	<script>
	document.getElementById('links').onclick = function (event) {
	event = event \|\| window.event;
	var target = event.target \|\| event.srcElement,
	link = target.src ? target.parentNode : target,
	options = {index: link, event: event},
	links = this.getElementsByTagName('a');
	blueimp.Gallery(links, options);
	};
	</script>

	<!-- JavaScript -->
	<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

	<!-- Latest compiled and minified JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

	<!-- Gallery -->
	<script src="//cdn.jsdelivr.net/blueimp-gallery/2.15.0/js/blueimp-gallery.min.js"></script>



	</body>

	</html>