Problem… Got a great scrolling carousel of HTML panes on my web page… works perfect! Each pane has a main image that I want to expand using Fancyzoom… again works perfect! but… the zoom comes in from the side, not from the image… and the more panes I add the further the zoom effect has to travel. Its as if all these panes get “trained” together in a row, then Fancyzoom tries to zoom in from the panes… WAY out to the right!
I believe that FancyZoom runs its setup once, on page load, and everything that happens after that is dependent on the state of the page at first view. In contrast, ScriptyLightbox uses a lazy invocation, where the effect is calculated at the moment that the trigger element is clicked.
Fancy Zoom is much prettier visually than SL, but you might find that the combination with Carousel is actually lighter-weight, since you’re not loading a third JS library on top of the two basic libraries already present in Carousel (and any of the built-in Freeway FX Actions).
Thanks Walter… Am I correct that carousel is actually building a long string of HTML “panes”? Any reasonably easy way of changing the js code in Fancyzoom to load at trigger instead of page load?
In the meantime, I’ll take a look at ScriptyLightbox and see if it can work for me.
When you use Carousel, it gathers up all of the panes you designate with the Carousel Pane Action, along with the initial pane designated with the Carousel, and creates a single wide (or tall) DIV large enough to hold all of the panes, and moves them all into it as inline elements (floated left for horizontal layouts). Then it places that DIV inside an outer “frame” DIV which has its overflow set to hidden. This provides the mask that you view the filmstrip through. Clicking the tabs or buttons moves this long strip behind the outer frame, and exposes one segment’s worth of it at any one time.
I haven’t tried to do anything with Fancy Zoom since a quick try when it first came out. Since I try to make all of my Actions “free as in beer”, I try to steer clear of any libraries that require my users to make a payment to a third party.
Thanks Walter. great description of what is going on behind Carousel… that explains a lot! : )
I’m trying ScriptyLightbox and I think it will work just fine. Seems to “play well with others” too!
I’ve spent quite a bit of time reading the posts in this forum and your input here is invaluable!!!