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>