<!DOCTYPE HTML>
<!--
/*
 * Photobox
 *
 * Copyright 2012, Yair Even Or
 * https://dropthebit.com
 *
 */
-->
<html lang="en">
<head>
	<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
	<meta charset="utf-8">
	<title>Photobox - CSS3 image gallery modal viewer</title>
	<meta name="description" content="A lightweight CSS3 image gallery that is pretty to look and and easy to use">
	<meta name="viewport" content="width=device-width">
	<link rel="shortcut icon" href="favicon.ico"/>
	<link rel="stylesheet" href="styles.css">
	<link rel="stylesheet" href="photobox/photobox.css">
	<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
	<script src='photobox/jquery.photobox.js'></script>
</head>
<body>
	<div id='wrap'>
		<div class='main'>
			<h1>Photobox</h1>
			<h2>CSS3 image gallery jQuery plugin</h2>
			<p>A lightweight image gallery modal window script which uses only CSS3 for silky-smooth animations and transitions,
			utilizes GPU rending, which can be completely controlled and themed directly from the CSS.</p>
			<ul>
				<li>Lightweight! <code>jquery.photobox.js</code> is only 5kb (gziped &amp; minified)</li>
				<li>Hardware accelerated, CSS3 transitions and animations</li>
				<li>Mobile friendly</li>
				<li>Support videos via iframe embedding</li>
				<li>Stunning UI and user-friendly UX</li>
				<li>Images &amp; videos can be zoomed using mousewheel</li>
				<li>Thumbnails can be zoomed using mousewheel</li>
				<li>Keyboard & mouse navigation. Even using mousewheel left/right ;-)</li>
				<li>Exposed UX control up to 99%. No need to mess with the source code</li>
				<li>Observes DOM changes (if images were added/removed)</li>
				<li>Event-delegation on all thumbnails events (obviously...)</li>
				<li>HTML5 History support: update location with the currently viewed image</li>
				<li>No images at all! The only image is a pre-loader animation for old IE.</li>
				<li>Browsers support: IE8+ (graceful degradation), Modern browsers</li>
				<li>And more...</li>
			</ul>
			<p>Supports: <strong>Firefox</strong>, <strong>Chrome</strong> and <strong>IE8+</strong></p>
			<p>(This plugin has <u>nothing</u> to do with Flickr)</p>
			<a href='https://github.com/yairEO/photobox' class='btn'>Github project page</a>
			<footer>By Yair Even Or <span class='copy'>&copy;</span> 2012</footer>
		</div>
		<ul id='gallery'></ul>
	</div>
	<script src='demo.js'></script>
 
</body>
</html>
