Question

If you use colorbox, how do you ensure slide 1 always shows first?
For some reason, colorbox always shows on the last slide e.g. Image 9 of 9.

Updated:
Here is an example of the problem:
http://jsfiddle.net/mSWPC/

Answer 1

According to the documentation, you should be able to use the event cbox_complete to call $.colorbox.next(). Example code:

$(document).bind('cbox_complete', function(){
    $.colorbox.next();
});

UPDATE:

I found this discussion about your problem, though they did not provide a solution for it. And I think the proposed solution is awful. So here’s my suggestion instead:

$('.colorbox').each(function() {
    $(this).colorbox({
        html: $(this).find('div').html(),
        rel: 'group1'
    });
}).first().click();