I wrote a small web gallery application and used the galleriffic template as my base layout. I liked the image preloading and the image swap effect and didn’t want any other template for my gallery script, so I modified all the links to get a „german gallery“.
The only thing that I didn’t like was the „Show Original“ link beneath the image on the right side so I decided to use colorbox to spice it up a bit.
Normally, if you click on the „Show Original“ link you get the image in the top left corner of your browser without any css/html styling and it looks some kind of rough to me for such a great layout, so I added all files of colorbox to my server, added the needed sourcecode and added a „rel=’cbviewer'“ tag to the „Show Original“ link and after some minutes of testing I recognized, that this link is finally broken and nothing happend, when clicking on it. Nothing comes up, no nice colorbox popup, no image in an empty browser window, nothing.
I googled a bit and found a lot of fixes for this problem and the more i found they become bigger and more complex so I started to find a fix for this on my own. I wanted a small solution, 5 lines of code, or something to get colorbox working.
I had two ideas. The first one was a small fix to get the colorbox popup if I click the „Show Original“ link, without the ‚previous‘ and ’next‘ links in colorbox. The second idea I had was a link beside the „start slideshow“ to start a colorbox slideshow in fullscreen mode with the start position at the current gallery image. I started with the small fix for colorbox and will add a small tutorial for the fullscreen slideshow later.