A plugin should be in its own JavaScript file. The file name, for best practice, must be the same as the class name. Since our class name is ImageCaption, our JavaScript file should be named ImageCaption.js. To start, create a new JavaScript file and name it ImageCaption.js.

Next, let us set up the "template" for our class. A plugin will have three staples. The first is Implements, which handles the Options. Because a plugin is typically flexible and customizable , it will have an options option. Finally, it will have the initialize option, which, if you can remember, runs the code whenever our class is instantiated.

var ImageCaption = new Class({
Implements: [Options],
options: {
// Available options
},
initialize: function(){
// Code to run whenever this class is instantiated.
}
});

We will start with the plugins options. Our plugin will have four options, as we've defined in our design sheet earlier. wrapperClass...