I was wondering if there a way to zoomooz with thumbnails instead of a next/prev

[naeluh]

I was wondering if there's a way to setup zoomooz with thumbnails instead of a pager -

Could this work ? Also I was looking to add a fadeIn and fadeOut on click

I have this fiddle set up with the demo if that helps at all http://jsfiddle.net/naeluh/pbRXN/

I d really like to use this with a thumbnail I think it would be really cool !

Let me know if I can provide any other information

thanks

Nick

[naeluh]

Also I am getting some weird stuff happening on the demo page with the pager doesnt seem to be working there but in the fiddle it works

[jaukia]

Hi,

There is some bug with the navigation which I haven't fixed.

For thumbnail navigation, you'll have to use the javascript methods directly for now.

I'll probably add at some point a way to define buttons that zoom to specific elements, this should help at making the thumbs.

-janne

On 12 March 2013 20:30, Nick notifications@github.com wrote:

Also I am getting some weird stuff happening on the demo page with the pager doesnt seem to be working there but in the fiddle it works

— Reply to this email directly or view it on GitHubhttps://github.com/jaukia/zoomooz/issues/60#issuecomment-14794141 .

[naeluh]

Hi Jaukia,

Ok great is there a spot where I could find the js methods to trigger the zoom on elements Basically I am just trying to create a button that trigger the zoom plugin for an element but the button doesn't zoom it self

thanks again for your help !!

[jaukia]

This is the js way to zoom to an element:

$(document).ready(function() { $("#element").click(function(evt) { $("#anotherElement").zoomTo({targetsize:0.75, duration:600}); evt.stopPropagation(); }); });

-janne

On 12 March 2013 22:02, Nick notifications@github.com wrote:

Hi Jaukia,

Ok great is there a spot where I could find the js methods to trigger the zoom on elements Basically I am just trying to create a button that trigger the zoom plugin for an element but the button doesn't zoom it self

thanks again for your help !!

— Reply to this email directly or view it on GitHubhttps://github.com/jaukia/zoomooz/issues/60#issuecomment-14799357 .

[naeluh]

Hi Jaukia ,

Ok here is my fiddle http://jsfiddle.net/naeluh/a4juC/. The button is triggering the zoom, however the button also gets zoomed and the background click reset function isnt working now ? Is there any way to the button not to zoom also and to get it to reset like with the jquery version?

thanks

[naeluh]

I am sorry I must be missing something but I can't get that

$(document).ready(function() { $("#element").click(function(evt) { $("#anotherElement").zoomTo({targetsize:0.75, duration:600}); evt.stopPropagation(); }); });

to work in the way that I want it too.

I change the elements to reflect the right html elements but I have 2 issues

1. zooms both elements
2. zoom reset doesn't work any more

I found this off your site -

$(document).ready(function() { $(".zoom").click(function(evt) { evt.stopPropagation(); $(this).zoomTo(); }); $(window).click(function(evt) { evt.stopPropagation(); $("body").zoomTo(); }); $("body").zoomTo(); });

This works but now I can target my buttons its a shared class.

Can you take a look at my fiddle and see if I am totally screwing this up.

http://jsfiddle.net/naeluh/JXaAM/

[naeluh]

Hi Jaukia ,

So I am getting closer basically I am looking for the functionality of link 3 in this example but for all the links Let me know if I can provide any other info - http://jsfiddle.net/naeluh/952LA/

the issue here is that link 1 and link 2 are behaving like normal zoomooz and I am looking to get them all behaving like link 3

thanks again for all your help !!

[naeluh]

Hi Jaukia,

Hope your doing well!

Hey so I am really close to getting the functionality that I want but there are 2 issues -

Here is the fiddle for reference - http://jsfiddle.net/naeluh/R6bgN/

In links 2-4

1. it zooms how I want but the reset functionality is gone

In link 1

1. it zooms but in the wrong way it gets smaller almost like it is not reading the settings or something
2. the zoom reset also does not work here

Can you see kinda what the issue might be here ?

I'd really appreciate your input I am so close to to getting this to work

thanks so much for your help !

[jaukia]

Hi,

you have different positioning for the different elements, so the divs get different sizes. Try adding a css border to your div1..div4 and see what they look like. Then, assign all of them a fixed size (width, height) in css pixels, to make sure that they are of the same size.

Currently, div1 takes the width of the whole document (since you don't have any other width assigned to it and it is not floating).

-janne

On 13 March 2013 03:37, Nick notifications@github.com wrote:

Hi Jaukia,

Hope your doing well!

Hey so I am really close to getting the functionality that I want but there are 2 issues -

Here is the fiddle for reference - http://jsfiddle.net/naeluh/R6bgN/

In links 2-4

1. it zooms how I want but the reset functionality is gone

In link 1

1. it zooms but in the wrong way it gets smaller almost like it is not reading the settings or something
2. the zoom reset also does not work here

Can you see kinda what the issue might be here ?

I'd really appreciate your input I am so close to to getting this to work

thanks so much for your help !

— Reply to this email directly or view it on GitHubhttps://github.com/jaukia/zoomooz/issues/60#issuecomment-14816871 .

[naeluh]

Hi Jaukia,

Yeah i kinda fixed that here http://hulea.org/site_test_joomooz/

but I am still losing the functionality of the reset on the second click or click to the

this seems to do in the one example of the gallery but in my code it doesn't work I can't seem to figure it out

$(window).click(function(evt) { evt.stopPropagation(); $("body").zoomTo(); }); $("body").zoomTo(); });

How would I get the div to reset on click to body ?

thanks again for the help

[jaukia]

That is just mostly normal js: make sure the event handler captures clicks correctly. Try something like $("window,body,html").click(...) - maybe that helps.

Nick notifications@github.com kirjoitti 13.3.2013 kello 8.39:

Hi Jaukia,

Yeah i kinda fixed that here http://hulea.org/site_test_joomooz/

but I am still losing the functionality of the reset on the second click or click to the

this seems to do in the one example of the gallery but in my code it doesn't work I can't seem to figure it out

$(window).click(function(evt) { evt.stopPropagation(); $("body").zoomTo(); }); $("body").zoomTo(); });

How would I get tit to reset on click to body ?

thanks again for the help

— Reply to this email directly or view it on GitHub.

[naeluh]

ok what would be the function that clicks out $("window,body,html").zoomTo() or .click() cause .zoomTo() worked in the other case but I guess this is different I will try it out thanks again

[naeluh]

Hi Jaukia,

I am really having an issue with this I can get it to reset at all it will trigger the zoomooz on click but then I have to reload the fiddle it just won't reset ? I can't tell what I am doing wrong. Here is the fiddle http://jsfiddle.net/naeluh/sC5BT/ I tried using what you suggested by adding the js $("window,body,html").click(...) and I could not get it to reset to save my life - I am just not sure what I am missing here ??

[naeluh]

Actually I think I may have got it working to some degree

http://jsfiddle.net/naeluh/Umt56/

here's a second version also http://jsfiddle.net/naeluh/Ktx5k/

I am wondering if I could .fadeOut to center when I click ('a') or ('ul')

Is there a way to do this do you think?

thanks again for all the help !

[jaukia]

I am assuming that this was already fixed. Please reopen if you have some specific issues left.

[naeluh]

thanks yeah i think those js fiddles are what I was after thanks again