Skip to content

Instantly share code, notes, and snippets.

@SyntaxStacks

SyntaxStacks/filter.html

Last active December 23, 2015 09:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save SyntaxStacks/6614611 to your computer and use it in GitHub Desktop.
Save SyntaxStacks/6614611 to your computer and use it in GitHub Desktop.
Download ZIP
Photobooth Filter Selection
Raw
filter.html
<html>
<head>
<title>photobooth</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="container">
<div class="row-fluid">
<span>Step 1</span>
<img src='http://placehold.it/125x125&text=lomo' onClick='setFilter("lomo")'>
<img src='http://placehold.it/125x125&text=vintage' onClick='setFilter("vintage")'>
<img src='http://placehold.it/125x125&text=nashville' onClick='setFilter("nashville")'>
<img src='http://placehold.it/125x125&text=kelvin' onClick='setFilter("kelvin")'>
<img src='http://placehold.it/125x125&text=gotham' onClick='setFilter("gotham")'>
</div>
<div class="row">
<input id="filter" type="hidden" value="lomo">
</div>
</div>
</body>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
$(document).ready(function() {
function setFilter(name){
var filter = $('#filter');
filter.val(name);
}
window.setFilter = setFilter;
});
</script>
<html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment