Question

in colorbox there are two vars ;

    // Abstracting the HTML and event identifiers for easy rebranding
    colorbox = 'colorbox',
    prefix = 'cbox',

Can I change these via a jquery function when i call colorbox.

Thanks in advance.

Answer 1

Obviously you cant change the hard coded vars but you can add new ones which is the answer what i was looking for.

Here is what I used to add new class name to cbox. This allows you change the layout of colorbox by assigning a additional class name.

code;

To the defaults add cssClass like so;

var
// ColorBox Default Settings.   
// See http://colorpowered.com/colorbox for details.
defaults = {
cssClass: "",

Find the function publicMethod.prep

add this line

if(settings.cssClass) $("#cboxOverlay").addClass(settings.cssClass); 

To add a css class name to your overlay box just add the attribute

  $.colorbox({cssClass: 'YourclassName', title: 'Login'..... etc