Can this be applied to vertically centering a website within the browser aswell? If not could you direct me to a script that can. Thanks

Anyways now I’ve updated the code. Go through it, the changes are in wrapAll function.

The answer to all of your questions lies in jQuery Documentation. Just walk through the docs and I am sure you won’t have any confusion.

http://docs.jquery.com/Plugins/Authoring#Custom_Alias_in_plugin_code
http://docs.jquery.com/Core/each#callback

I could have it working by copy and paste, but not knowing why it work makes me uncomfortable. I know it’s a matter of basic js syntax, still I was not able to get it through once for all.

now:

// so, here you say “let’s start a function that will fire
// when all the dom is ready”, correct?
(function ($) {

// now you’re saying “I’m defining a function called fn.vAlign”.
// the arguments for this function would be… what?
$.fn.vAlign = function() {

// …an array of arguments (i), and the function will “walk” through
// all those arguments. Or are you going to generate an array of functions?
return this.each(function(i){

// here, what does it mean (this)? the element i?
// so the line below says “get all the children of the element wrapAll
// that are inside element i?
// And why there’s nothing inside the ” of wrapAll(”)?
$(this).children().wrapAll(‘

‘);

// ok, here you say “assign to var div the children called ‘div.nitinh-vAlign’
// of the element (this)?
var div = $(this).children(‘div.nitinh-vAlign’);

// ok, that make me think that (this) can be one of the generic (i) elements
// we are walking the fn.vAlign with, am I correct?
var ph = $(this).innerHeight();

// no problem with these two…
var dh = div.height();
var mh = (ph – dh) / 2;

// and now you place the element corresponding to var div “halfway”
// respect to (this). but here (this) can be one of the many (i) we’re
// passing
div.css(‘top’, mh);
});
};

// why you end up with (jQuery)?
})(jQuery);

many thanks if you’ll have the time to answer to some of these very trivial question, it would be helpful to me in getting to understand how these js frameworks work.

But it can be easily modified to get it working even on resize by attaching an Event on Resize..