Love Me Some Libraries | Learn jQuery

Lesson Notes

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:

jQuery Home Page: http://jquery.com/
Lightbox Home Page: http://lokeshdhakar.com/projects/lightbox2/

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>