I'm sorry I am asking so many questions about this. Still working on this EaseBox thing. http://www.commadot.com/jquery/easebox/
My question has to do with finding the proper image size based on the viewport. Logic: maximum height and width of the zoomed image is a percentage of the viewport. var maxPercentage = 90%; this means that height nor width can be more than 90% of the viewport. if they are both less, then it should maximize to full size. if width is more and height it less it should reduce width to maxPercentage and keep height proportional and vice versa for height more, but width less. if height and width are higher, then it should pick the one that is higher and reduce that to maxPercentage of either height orwidth of viewport depending on which one is more. Once the image size is calculated, it should center it in the viewport horizontally and vertically. I guess that is left: viewport width - image width /2 top: viewport height- image height/2 Is that right? Man, this is making me dizzy. Then I have to put these variables into an animate function. What is the syntax to do that? Any help is greatly appreciated. Glen