Unable to Change Transition to Horizontal

[Ximbalo]

Hello,

In advance, please know that:
I have tested, probably 10 different lightbox-style libraries, and so
far this is one of my favorites, so "Thanks!"
Also...
1. I have read all the "new to this group" posts
2. I copiously searched for any Fancybox related documentation I can
find.
3. I still am unable to find a working answer for how change the next/
prev transition method
4. I have tried adding transition: 'hslide', but to no avail.
5. I've read through the jquery.fancybox.js scripting itself.

BUT, this one thing is killin' me: I NEED to enforce horizontal
transitions for next/prev action.
Nothing I do seems to stop the vertical transition style. I don't get
it.

Grateful for input on this issue:

$(document).ready(function() {
// Initialize fancybox add-in
$(".fancybox").fancybox({
helpers: {
title : { type : 'inside' },
transition: 'hslide' // !! NOT WORKING !! :-(
}
});
});

Can somebody PLEASE answer this question, once and for all, that I
have seen many other ask here and elsewhere... how to make the next/
prev image transitions NOT be vertical?

Thank you!

Ximbalo

[Laidir]

I'm not brilliant with this stuff but it looks like your missing a
comma after the transition instructions e.g. should be

transition" 'hslide',

not

transition: 'hslide'

also you don't need { or } in the title I don't think.

[Laidir]

Sorry meant try this:

$(document).ready(function() {
$(".fancybox").fancybox({
helpers: {
title: 'inside',
transition: 'hslide',
}
});

});

If that doesn't work, sure someone will be able to help. Looks like
something and nothing.

[JFK]

transition: 'hslide', (with or without comma) is not a valid option

it seems that the horizontal transition hasn't been implement out-of-
the-box in fancybox
if you are good at jQuery, you may create your own transitions

check http://stackoverflow.com/a/8374724/1055987

[Ximbalo]

Thank you everyone who responded.
I have found a solution to the issue of Image Transition Direction:

This I received directly from the author of the script, Janis:

"Have you tried the latest source code - https://github.com/fancyapps/fancyBox/zipball/master
?
Direction of animation now depends on how you navigate (using mouse
scroll or keyboard navigation keys)."

I downloaded this version update, and indeed the transitions now are
keyboard-action sensitive,
meaning right-left arrows cause horizontal transitions, up-down arrows
cause vertical transition, etc.

Although I have not been able to test... I believe that this updated
applies to mobilization as well,
with hand swipe directional sensitivity.

The Site under Construction:
http://www.dennisjackson.com/HTML5/


Regards ... XIMBALO

On May 19, 9:00 pm, Ximbalo <ximb...@gmail.com> wrote:
> Hello,
>
> In advance, please know that:
> I have tested, probably 10 different lightbox-style libraries, and so
> far this is one of my favorites, so "Thanks!"
> Also...
> 1. I have read all the "new to this group" posts
> 2. I copiously searched for any Fancybox related documentation I can
> find.
> 3. I still am unable to find a working answer for how change the next/
> prevtransitionmethod

> 4. I have tried addingtransition: 'hslide', but to no avail.

> 5. I've read through the jquery.fancybox.js scripting itself.
>
> BUT, this one thing is killin' me:  I NEED to enforcehorizontal
> transitions for next/prev action.

> Nothing I do seems to stop the verticaltransitionstyle. I don't get