jquery - Using Jcrop with Colorbox -

OK, now I really feel like a fool, but for some reason I do not have JCRP on any picture Can find a color box modal window Here's the code:

  & lt; Head runat = "server" & gt; & Lt; Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "script / jquery.colorbox.js" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Script src = "jquery.jcrop.js" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Link href = "jquery.jcrop.css" rel = "stylesheet" type = "text / css" /> & Lt; Link href = "colorbox.css" rel = "stylesheet" type = "text / css" /> & Lt; Script & gt; $ (Document) .ready (function () {$ ("Addpicture"). Colorbox ({width: "50%", inline: true, href: ".page1"}); $ ("nextpage"). Colorbox ({Width: "50%", inline: true, href: ".page2"}); $ ('# jcropme'). Jcrop ()}); }); & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Form runat = "server" & gt; & Lt; P & gt; & Lt; A href = "#" class = "adjective" & gt; Add / edit picture & lt; / A & gt; & Lt; / P & gt; & Lt; Div style = "display: none;" & Gt; & Lt; Div id = "page1" & gt; Test lesson 1 ?? & Lt; Img src = "flowers.jpg" id = "jcropme" /> & Lt; Input type = "button" value = "next page" category = "next page" /> & Lt; / Div & gt; & Lt; Div id = "page2" & gt; Test lesson 2 & Lt; Input type = "button" value = "next page 2" square = "next page 2" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Form & gt; & Lt; / Body & gt;  

If I remove that last JavaScript line ($ ('$ jcropme'). Jcrop ()});) then the modal window works, but when I add that line I'm working on zerchop work, the modal windows stop working. I know this is the right jerkrop code, because I've included it directly in the demo, and no one has ever used two plugins together on Google. anyone?

Try inserting jacroped calls after loading the colorbox, such as:

  $ (document) .ready (function () {$ ("Addpicture"). Colorbox ({width: "50%", inline: true, href: ".page1"}); $ ($ (document) ) .bind ('cbox_complete', function () {$ ('# jcropme') ("width:" 50% ", inline: true, href:" .page2 "})) .Jecrop ();}); );