<script src="<?= $BASENAME ?>/lib/global/js/prettify/lang-js.js" type="text/javascript"></script>
<p>Below is one possible solution to this problem.</p>
<header>
<h3>Exercise 2: Inject Images</h3>
<div class="workinglink"><a href="solution/lightbox-ex2.html">working example</a></div>
</header>
<pre class="prettyprint lang-js linenums"><?= escape(load("solution/lightbox-ex2.js", 7)) ?></pre>
<header>
<h3>Exercise 3: Launch Lightbox When Clicked</h3>
<div class="workinglink"><a href="solution/lightbox-ex3.html">working example</a></div>
</header>
<pre class="prettyprint lang-js linenums"><?= escape(load("solution/lightbox-ex3.js", 23)) ?></pre>
<header>
<h3>Exercise 4: Set Image Caption</h3>
<div class="workinglink"><a href="solution/lightbox-ex4.html">working example</a></div>
</header>
<pre class="prettyprint lang-js linenums"><?= escape(load("solution/lightbox-ex4.js", 23)) ?></pre>
<header>
<h3>Exercise 5: Set Navigation Links</h3>
<div class="workinglink"><a href="solution/lightbox-ex5.html">working example</a></div>
</header>
<pre class="prettyprint lang-js linenums"><?= escape(load("solution/lightbox-ex5.js", 42)) ?></pre>
<header>
<h3>Exercise 6: Load Previous/Next Image</h3>
<div class="workinglink"><a href="solution/lightbox-ex6.html">working example</a></div>
</header>
<pre class="prettyprint lang-js linenums"><?= escape(load("solution/lightbox-ex6.js", 68)) ?></pre>
<header>
<h3>Exercise 7: Click to Dismiss</h3>
<div class="workinglink"><a href="solution/lightbox-ex7.html">working example</a></div>
</header>
<pre class="prettyprint lang-js linenums"><?= escape(load("solution/lightbox-ex7.js", 23, 44)) ?></pre>
<pre class="prettyprint lang-js linenums"><?= escape(load("solution/lightbox-ex7.js", 86)) ?></pre>
<header>
<h3>Exercise 8: Extra Features</h3>
<div class="workinglink"><a href="solution/lightbox-ex8.html">working example</a></div>
</header>
<pre class="prettyprint lang-js linenums"><?= escape(load("solution/lightbox-ex8.js")) ?></pre>