Hi,

I can tell you how I use it. In layout.master find <asp:ScriptManager.. After that add the code below. That's all what you need. At the end you see examples for using colorbox.

Hope that helps,
Erhan

<script>
     $(document).ready(function () {
          $("a[rel='cbFoto']").colorbox();
          $(".cbVideoEmbedded").colorbox();
          $(".cbVideoIframe").colorbox({ iframe: true, innerWidth: 425, innerHeight: 344 });
          $(".cbWebpage").colorbox({ width: "80%", height: "80%", iframe: true });
     });
</script>

<p><a href="../images/opee1.jpg" rel="cbFoto" title="Foto1">Photo 1</a></p>
<p><a class=”cbVideoEmbedded” href="../content/flash.html" title="Video1">Flash / Video (Ajax/Embedded)</a></p>

<p><a class=”cbVideoIframe” href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&amp;wmode=transparent" title="Our Mother's Health">Flash / Video (Iframe/Direct Link To YouTube)</a></p>

<p><a class=”cbWebpage” href="http://google.com">Outside Webpage (Iframe)</a></p>

Thanks Joe and Erhan.

I follow Joe´s advise and "class=cblink". It works fine with images. But how can I use colorbox to display a webpage or play a video from youtube. Should I still use "class=cblink" for all?

Thanks

Please correct me if I´m wrong -;)

I followed Erhan suggestion, but place the script of ColorBox together with "toolbarmenu" script like this:

<script type="text/javascript">
        function HideMenuToolbar() { $("#toolbar").fadeOut(); $("#toolbarbut").fadeIn("slow"); }
        function ShowMenuToolbar() { $("#toolbar").fadeIn(); $("#toolbarbut").fadeOut("slow"); }
        $(document).ready(function() {
            $("span.downarr a").click(function() { HideMenuToolbar(); Set_Cookie('openstate', 'closed') });
            $("span.showbar a").click(function() { ShowMenuToolbar(); Set_Cookie('openstate', 'open') });
            $("span.downarr a, span.showbar a").click(function() { return false; });
            var openState = Get_Cookie('openstate');
            if (openState != null) { if (openState == 'closed') { HideMenuToolbar(); } if (openState == 'open') { ShowMenuToolbar(); } }

            $("a[rel='cbimage']").colorbox();
            $("a[rel='cbslideshow']").colorbox({ slideshow: true });
            $(".cbvideoEmbedded").colorbox();
            $(".cbvideo").colorbox({ iframe: true, innerWidth: 640, innerHeight: 385 });
            $(".cbweblink").colorbox({ width: "80%", height: "80%", iframe: true });
            $(".cbinline").colorbox({ width: "50%", inline: true, href: "#inline_doc" });
        });
    </script>

I don´t get any error, but I never see the ColorBox in action. I only see the popup window with the loading gif. It was also the same when I placed the ColorBox script below <asp:ScriptManager.. as suggested by Erhan.

What am I doing wrong??

Thanks