CODEWITHSUNDEEP
buttonfancyboxthumbnailshelper
blade19899
blade19899

Reputation: 767

fancybox with button helper and Thumbnail helper

How can I add fancybox with the button helper and thumbnail helper?
And is it possible for the buttons(button helper) to be put under the image so that I can watch and select which I want to see?

the buttons

$(document).ready(function() {
$(".fancybox-button").fancybox({
    prevEffect      : 'none',
    nextEffect      : 'none',
    closeBtn        : false,
    helpers     : { 
        title   : { type : 'inside' },
        buttons : {}
    }
});

});

and the thumbnail code 

$(document).ready(function() {
$(".fancybox-thumb").fancybox({
    prevEffect  : 'none',
    nextEffect  : 'none',
    helpers : {
        title   : {
            type: 'outside'
        },
        overlay : {
            opacity : 0.8,
            css : {
                'background-color' : '#000'
            }
        },
        thumbs  : {
            width   : 50,
            height  : 50
        }
    }
});

});


I am a bit new with JavaScript I couldn't get it to work.
What I am trying to do is mix them together and put the buttons on the bottom

P.S. Can I also uses fancybox thumbnail helper to work with Youtube videos?

Upvotes: 1

Views: 5631

Answers (1)

JFK
JFK

Reputation: 41143

You also have to load the jquery.fancybox-buttons and jquery.fancybox-thumbs js and css files apart from the fancybox regular js and css files. They are under the subdirectory "helpers" of the zip file.

Upvotes: 5

Related Questions