Difference between revisions of "Team:Virginia/Notebook"
| Line 43: | Line 43: | ||
</div> | </div> | ||
<script type="text/javascript" src="http://www.turnjs.com/lib/turn.min.js"></script> | <script type="text/javascript" src="http://www.turnjs.com/lib/turn.min.js"></script> | ||
| − | + | <a href="javascript:void(0);"><img src="/wiki/images/2/2d/Virginia_notebook_left.png" id="left-arrow" class="arrow"></img></a> | |
| − | + | ||
| − | + | ||
| − | + | ||
<a href="javascript:void(0);"><img src="/wiki/images/2/21/Virginia_notebook_right.png" id="right-arrow" class="arrow"></img></a> | <a href="javascript:void(0);"><img src="/wiki/images/2/21/Virginia_notebook_right.png" id="right-arrow" class="arrow"></img></a> | ||
| − | |||
<div class="book-wrapper"> | <div class="book-wrapper"> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<style type="text/css"> | <style type="text/css"> | ||
.arrow { | .arrow { | ||
| Line 71: | Line 53: | ||
width: 5%; | width: 5%; | ||
height: auto; | height: auto; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
#left-arrow { | #left-arrow { | ||
| Line 92: | Line 59: | ||
#right-arrow { | #right-arrow { | ||
right:2.5%; | right:2.5%; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
</style> | </style> | ||
| + | <div class="left page" id="page-1"> | ||
| + | <img src="/wiki/images/b/b5/Virginia_page1.png"></img> | ||
| + | </div> | ||
| + | <div class="right page" id="page-2"> | ||
| + | <img src="/wiki/images/1/16/Virginia_page_2.png"></img> | ||
| + | </div> | ||
| + | <div class="left page inactive" id="page-3"> | ||
| + | <img src="/wiki/images/1/16/Virginia_page_2.png"></img> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | <div class="right page inactive" id="page-4"> | ||
| + | <img src="/wiki/images/1/16/Virginia_page_2.png"></img> | ||
| + | </div> | ||
</div> | </div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 106: | Line 84: | ||
var $right = $(right_page); | var $right = $(right_page); | ||
| + | function isInRange() { | ||
| + | if(left_page_counter >= 0 && $right.contains(img)) { | ||
| + | return true; | ||
| + | } else return false; | ||
| + | } | ||
jQuery(document).ready(function(){ | jQuery(document).ready(function(){ | ||
| − | |||
| − | |||
| − | |||
| − | |||
$("#right-arrow").click(function(){ | $("#right-arrow").click(function(){ | ||
//removes current pages | //removes current pages | ||
| + | if(isInRange()) { | ||
$left.addClass("inactive"); | $left.addClass("inactive"); | ||
$right.addClass("inactive"); | $right.addClass("inactive"); | ||
| Line 127: | Line 107: | ||
$left.removeClass("inactive"); | $left.removeClass("inactive"); | ||
$right.removeClass("inactive"); | $right.removeClass("inactive"); | ||
| + | } | ||
}); | }); | ||
$("#left-arrow").click(function(){ | $("#left-arrow").click(function(){ | ||
//removes current pages | //removes current pages | ||
| + | if(isInRange()) { | ||
$left.addClass("inactive"); | $left.addClass("inactive"); | ||
$right.addClass("inactive"); | $right.addClass("inactive"); | ||
| Line 144: | Line 126: | ||
$left.removeClass("inactive"); | $left.removeClass("inactive"); | ||
$right.removeClass("inactive"); | $right.removeClass("inactive"); | ||
| + | } | ||
}); | }); | ||
}); | }); | ||
Revision as of 14:01, 11 August 2015
Team Notebook
The pages below are directly from our team notebook, which was kept throughout the whole project development process. Click on the top right corner to move forward a page, and click the top left corner to move back a page.
