search

jaukia / zoomooz

An easy-to-use jQuery plugin for making zooming web pages.
http://janne.aukia.com/zoomooz/
1.79k stars 275 forks source link

Zoom out to different position? #63

Closed fmp777 closed 11 years ago

fmp777 commented 11 years ago

When I load the page, I would execute: $('#main').zoomTo({targetsize:0.9, duration:600, root: $('.zoomContainer')});

This sets the stage. Reduces all boxes to fit into the zoomContainer. Then when a box is clicked (zoomTarget) it zooms into one, then when you click to zoom out, i want it to return to the position listed above, but instead it returns to the default page load position.

Is there any way to get it to zoomout to a specific zoomTo?

fmp777 commented 11 years ago

Well I ended up just solving it by not using any of the built in zoomtarget functions - but instead added my own events and cursors to run my own zoomTo commands. Is there anything else to think about other than cursor and the click events?

BTW: I implemented nice zoom-in and zoom-out icons as well, leveraging -moz, -webkit and image with fallback to cursor to get quite a broad implementation. Makes a lot more sense to have the zoom icons for an end user that doesn't quite understand this style of interface/navigation.

thanks for the great script!

macsupport commented 11 years ago

How about sharing a link so we can see?

fmp777 commented 11 years ago

Unfortunately, I dont have anything public just yet

fmp777 commented 11 years ago

I've also implemented mousewheel up/down events that help navigation feel more natural. I didn't add it to the script itself, but rather in my domready setup of the page. I looked into modifying the script itself and felt it was overall bloated and disorganized (no disrespect intended) - so I was offstandish to touch it for fear of breaking unknown pieces.

jaukia commented 11 years ago

@fmp777 If you have some nice examples, please let me know so I can link to the demos from Zoomooz web page! If you have good icon assets etc that could be used in Zoomooz project, let me know.

And feel free to suggest improvements to the Zoomooz code base organization if you have ideas for improvement, instead of just complaining about the quality! Pull requests for documentation etc are appreciated. Did you notice that the modular source code is under "src/js"? The final js file gets compiled from those by running "grunt" inside the "src" directory?

Btw, you should be able to add a "data-targetsize" to zoom to that particular size when zooming to the element.