Multiple stylesheets for a Lightbox clone.

Question

Hey!

I have a Lightbox clone (colorbox), which works fine and has no real issues. What I would like is an extra arguement that would say:

[pseudocode]

if (linksRel == "lightbox1") {
  add stylesheet1 to this lightbox
} else {
  add stylesheet2 to this lightbox
}

[/pseudocode]

Currently, I have a page with a "colorbox.css" file attached and the" jquery.colorbox.js" file as well - But I want the JS file to import the required CSS dependant on what link was clicked... Urgh, does that make sense?

Does anyone have any ideas? I'm stumped!

Answer 1

You could try importing the stylesheet with jQuery like this:

$("#stylesheets").html('<link rel="stylesheet" href="style1.css" \/>');

using of course some kind of click() handler on that link you want.