Clever Geek Handbook

Fancybox2: horizontal transitions instead of vertical - how?

On the page while searching for ( CTRL+F

) for image gallery

and click on the first image, here is this image gallery that you can browse with next / previous arrows. The animation between them is vertical - images fly vertically. How do I set them up to move horizontally?

In the help we found:

openMethod / closeMethod / nextMethod / prevMethod

Method from $ .fancybox.transitions () that handles the transition (you can add special effects there)

But I don't know where to go from here.

Also, it's a little bit related .

+3


source to share


2 answers


You can create your own custom transitions here:



http://jsfiddle.net/xZBBS/

+2


source 


$(".fancybox-thumb").fancybox({
        prevEffect  : 'none',
        nextEffect  : 'none',
        helpers : {
            title   : {
                type: 'outside'
            },
            thumbs  : {
                width   : 50,
                height  : 50
            }
        }
    });


try this i am sure it will help

+1


source






More articles:


All Articles