Skip to content

Instantly share code, notes, and snippets.

@jameshibbard

jameshibbard/gist:3697426

Created September 11, 2012 10:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jameshibbard/3697426 to your computer and use it in GitHub Desktop.
Save jameshibbard/3697426 to your computer and use it in GitHub Desktop.
Download ZIP
Canvas Lightbox Overlay - Example 2
Raw
gistfile1.html
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Lightbox 2 with &lt;canvas&gt; overlay - Example 1</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<style>
.plan{
display:none;
background-image: url(images/plan.jpg);
}
</style>
</head>
<body>
<div class="highlight_room">
<p>
Prof. Dr. E. Wriston<br>
Head of Department<br>
Tel.: +44 (0)123 / 45-6789<br>
Fax: +44 (0)123 / 45-6780 <br>
Office: <a href="images/plan.jpg" rel="lightbox" class="room_593">01/593</a><br>
</p>
<p>
Prof. Dr. B. Longboard<br>
Second in command<br>
Tel.: +44 (0)123 / 45-6789<br>
Fax: +44 (0)123 / 45-6780 <br>
Office: <a href="images/plan.jpg" rel="lightbox" class="room_336">01/336</a><br>
</p>
</div>
<canvas width="750" height="548" class="plan"></canvas>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<script src="js/highlight_room.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment