ImgCenter | How It Works

ImgCenter will first hide each image it is applied to from the screen before doing anything else. It will then show the image again once it has finished doing it's sizing and centering. This eliminates any annoying flicker you might see while the image is resized and centered by javascript. It then centers the images based on it's parent element. So if you don't wrap your image in an element at all, it will center it based on the BODY element, which would not be good. So make sure you have a container element for the image to be centered against.
By default imgCenter scales each image up or down to fit inside it's parent element. It will also wait to make sure each image is loaded before doing any re-sizing.

Recent Discussions

08 Feb, 2017 08:05 AM
08 Feb, 2017 08:02 AM
08 Feb, 2017 07:56 AM
08 Feb, 2017 07:53 AM
08 Feb, 2017 07:45 AM