Love Me Some Libraries

Project 1: Lightbox Photo Gallery · Lesson 5 · 8 minutes


Prepare to lock and load (our lightbox and JQERY libraries)! We cover how to create the correct file structure and input these into our code, and how use dev tools to confirm everything's ready to go. Are you?

1. Resources:

2. Add the jQuery script tag to our HTML file

index.html

<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

3. Add Lightbox CSS and JavaScript files

index.html

<!-- CSS -->
<link href="styles.css" rel="stylesheet">
<link href="lightbox2-master/dist/css/lightbox.css" rel="stylesheet">

and 

<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="lightbox2-master/dist/js/lightbox.js"></script>

14 Questions

Having trouble? Don't worry, you're probably not the only one. Check out the questions other students have or ask yours.