jQuery colorbox问题

    <script type=\"text/JavaScript\" src=\"@Url.Content(\"~/Scripts/cloud-zoom.1.0.2.js\")\"></script> 
    <script type=\"text/JavaScript\" src=\"@Url.Content(\"~/Scripts/jquery.colorbox.js\")\"></script>
    <script type=\"text/JavaScript\" src=\"@Url.Content(\"~/Scripts/jquery.colorbox-min.js\")\"></script>
    <link href=\"@Url.Content(\"~/Content/colorbox.css\")\" rel=\"stylesheet\" type=\"text/css\" />

       <div id=\"large-image\">
        <a  href=\'http://some-image\'  class = \'color cloud-zoom\'  id=\'zoom1\' rel=\"adjustX: 10, adjustY:10\">
            <img  src=\"http://some-image\" />
        </a>
        <a  href=\'http://some-image2\'  class = \'color cloud-zoom\'  id=\'zoom1\' rel=\"adjustX: 10, adjustY:10\">
            <img  src=\"http://some-image2\" />
        </a>
      </div>

<a>

cloud-zoom

$(\'a.color\').colorbox({ width: \"75%\", height: \"85%\"});

 $(\'#large-image\').click(function () {
    jQuery(\"a.color\").colorbox({ width: \"75%\", height: \"85%\" });
     });