- In this video, we're going to take…the existing image captioner functionality…and put it into a plugin.…Here we have all these image captions…being generated by jQuery,…except for the first one.…Let's switch back to the file and take a look.…Here we are.…This is in the start folder…in the 03_02 folder in the Exercise Files.…This is my filter,…and I want to convert this into a plugin.…Now, in this case, we're going to break it out…into a separate file.…
I've created the file for you,…but we haven't actually used it yet.…Let's take a look at where the file is,…and then we can bring it in here…and start making it work.…Here in the Exercise Files,…I'll just go into Chapter 3,…the 03_02,…and in the start,…here is the HTML document.…Then, next to it, is this js folder.…That has my stub plugin file…and my copy of jQuery that I need…in case the one on the Internet doesn't load.…Opening this file up in my text editor,…I can see that there's not much here so far,…just my function expression…and my use strict.…
Let's grab the code…
- Writing basic jQuery filters
- Converting filters to plugins
- Converting code to plugins
- Making plugins configurable
- Adding appearance options and functions
- Distributing jQuery plugins
Skill Level Intermediate
1. Foundations of jQuery Plugins
2. Writing Your First Plugin
3. Diving Deeper with a Complex Plugin
4. Advanced Topics
Wrapping up3m 17s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.