Javascript modal window that zooms to and from a position when opening and closing?

You can set the effect for show hide with the default jQuery UI dialog like this.

Up vote 0 down vote favorite share g+ share fb share tw.

I'm using jQuery UI's dialog functionality for modal windows. What I need now is for the window to zoom into existence from a particular location on the webpage. And when closing the window, it needs to zoom over to that position as well (this part is more important).

Can I do this with jQuery UI's dialog? Is there another javascript or jQuery library for modal dialog windows that will zoom down to a position on the webpage? Javascript jquery jquery-ui modal-dialog jquery-ui-dialog link|improve this question asked May 30 '11 at 9:48at.2,18111561 70% accept rate.

– Niklas May 30 '11 at 9:53 @Niklas - exactly what I meant! This is a legitimate answer, thanks. Is there a way to get that kind of zooming functionality with jQuery UI?

– at. May 30 '11 at 10:17.

You can set the effect for show/hide with the default jQuery UI dialog like this: $( "#dialog" ). Dialog({ autoOpen: false, show: "scale", hide: "explode" }); You can preview the different transitions available here. Perhaps the closest ones to what you are looking for are scale/puff/transfer, preview of them at jsfiddle.

If that doesn't satisfy what you are looking for, I would recommend going with the flowplayer option then. Example of a dialog window with the apple effect: jsfiddle.net/niklasvh/D3ZJk.

Your example shows the window scaling from the center of the "screen". – at. May 30 '11 at 10:35 You can set the position parameter, like here: jsfiddle.net/niklasvh/xD8UT/9 but it will just assign the top-left position of the window, not where it is zoomed out of.

– Niklas May 30 '11 at 10:42 I see what you mean... that doesn't work though, I need to have that "apple effect" from flowplayer's overlay widget. – at. May 30 '11 at 10:51 I would recommend going with the flowplayer option then, I've updated my answer with an example how you could use it.

– Niklas May 30 '11 at 10:59 I've got this working somewhat, I just don't know how to NOT have the element popup the overlay when you click on it. Seems that is a requirement of flowplayer's Overlay widget... – at. May 30 '117 at 22:40.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.