Question

I’m using the jQuery plugin ColorBox.

I want to have it styled like facebook.

So the Photo will be on the left, and description, comments on the right.

I am not good with javascript, i’m asking if someone can take a look at the code and give me an advice on how to edit the code..

Basically, i need to replace the current div that is displaying the image with 2 DIVs with float:left.

On the first div will be loaded the image, and on the second the description and some custom html.

I’m using the fixed width/height theme.

I have taked a look, but as i said before i’m not good with javascript, and i don’t know where to edit.

Hope someone can help me!

Answer 1

you don’t need to edit the source of the plugin

change the css for cboxTitle & cboxLoadedContent (float:left, set some width)

to add custom content (more than the title property of the a tag) you’ll have to use onLoad or onOpen callback

$("#inline").colorbox({
       onOpen : function() {
            //apend your content to cboxTitle
          }
       });