July 2011
Intermediate to advanced
276 pages
5h 11m
English
Often we have to work with images, changing how we display metadata related to the images.
Get ready to extend images on our pages by beginning with a base class to mutate downstream classes.
var imgmootater = new Class({
initialize: function() {
this.imgs = $$('img');
},
make_titles: function() {
this.imgs.each(function(el){
el.set('title',el.get('alt'));
});
}
});
To prevent this from being just a boring interface with no real station in life, add a common function, which is to duplicate the IMG tag required ALT attribute into the TITLE attribute so that mouseover actions will display the otherwise hidden metadata.
Extend this class while maintaining inheritance ...