Tutorial: jQuery effect – how to shrink/zoom at the center of a container

jQuery provides a basic effect of sliding in and out. However, in other to create other form of effect we will have to apply animate function provided by jQuery. This tutorial will demonstrate of using animate function in jQuery to perform a shrink function at the center of an element  that you often see in Gallery and other types of plugin.

2 thoughts on “Tutorial: jQuery effect – how to shrink/zoom at the center of a container

  1. Hmm... .each() in combination with globals? interesting.
    Ever tried $(".class").zoom(..) with images of different size but same class?

  2. should also work tho. but i haven't had the chance to try with different image size yet with this plugin. Tell me if it doesn't because i believe there is a need for a wrapper around the image to contain the resizing of the image or else the image will move straight to the left screen. Other than that i do believe different size will also zoom properly =)

Comments are closed.