Origination from Thumb

[stephens01234]

I realize this is likely my problem in coding but could someone help
me identify why the photos are not originating from their thumbnail.
I've replaced the original fancybox js and css files, but that did not
correct the issue.
Perhaps its in my css.

http://idoidontmovie.com/photos.php

I've also posted the fancybox example page. Highly doubt this will
help.
http://idoidontmovie.com/photobox/index.html

I studied and searched this forum to no avail.

[Jan Wilson]

Perhaps because you have this in the page generated from photos.php:

<style type="text/css"> #fancybox-wrap {
top: 15% !important;
}
</style>

--
Jan Wilson

[stephens01234]

Removing this fixed the issue. So now the question is this. My
client would like the fancybox to be positioned in the upper portion
rather than vertically centered.
Can you provide a suggestion for this?

The fancybox wrap enabled me to position the fancybox like requested,
but also messed up the origination of the elastic animation.

[Joonas]

My favorite answer to everything seems to be css all the way.. but
anyways...

You could try setting

#fancybox-wrap { top: 200px !important; }

didnt actually test it but it should work.. i think...

[stephens01234]

Thanks for the reply. That ID is actually what was told to remove in
the first reply.

With the wrap modification the images do not originate from their
original thumbnail. They choose to come from the same line no matter
the height.
ie: http://idoidontmovie.com/photos2.php

With the wrap modification removed the images originate from their
original thumbnail. But I would like their end height to not be
verically centered.
ie: http://idoidontmovie.com/photos.php

Can anyone else help with this or did I find a flaw in fancybox that
can be updated later?

[Joonas]

Sorry for my ignorance to read the first posts properly.

I was not able to figure out a way to solve this as it is.

But if those transitions arent super important to you, you could use
css to assign top with !important and then remove transitionIn and
transitionOut from your fancybox trigger. Then there would not be a
problem because that transition from thumbnail to big image wouldnt
exist anymore and the image would fade in into the position that is
set.

[stephens01234]

I'm really contemplating doing that very thing.
This is the last item on the laundry list and I'm ready to get rid of
it.
or move the animation to lightbox 2... but that's probably a dirty
word around these parts.

[Joonas]

Well.. i did try to fool around fancybox js file as well cause thats
really the main "problem" here as far as i know.. thats just the way
it does it and its not very flexible on that area... unless you
manually change it..

My javascript powers arent very powerfull so i was only able to do it
so that it loads to set position but then falls back down to the
center..

[stephens01234]

For the sake of this discussion board. I changed the transitions to
fade and applied the wrap code again.

If anything changes or fancybox updates to allow the requested
function, please post here. Otherwise its checked off my list.