ColorBox for JQuery

Usage Examples

{img src="http://farm3.static.flickr.com/2091/1532249675_5f917a49ac_s.jpg" link="http://farm3.static.flickr.com/2091/1532249675_5f917a49ac_b.jpg" title="Some Image from flickr.com site... bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla" rel="shadowbox"}

ColorBox "Gallery"

{img src="http://farm3.static.flickr.com/2091/1532249675_5f917a49ac_s.jpg" link="http://farm3.static.flickr.com/2091/1532249675_5f917a49ac_b.jpg" title="Some Image from flickr.com" rel="shadowbox[gallery]"} {img src="http://farm2.static.flickr.com/1185/1467868764_898ec5daf3_s.jpg" link="http://farm2.static.flickr.com/1185/1467868764_898ec5daf3_b.jpg" title="Old Port in Trogir by luci" rel="shadowbox[gallery]"} {img src="http://farm3.static.flickr.com/2212/1532365551_6856d00717_s.jpg" link="http://farm3.static.flickr.com/2212/1532365551_a1ad132f1c_o.jpg" title="Sun Going Down by luci" rel="shadowbox[gallery]"}

Wanna YouTube video in the box ?

[http://www.youtube.com/v/KBewVCducWw&autoplay=1|You Tube video in their flash player|shadowbox;width=405;height=340;]

A button opens content in a box

{BUTTON(href="HomePage",_rel="box",_text="Go there")}{BUTTON}

Inline content in a *box trick

[#helloworld|Click Me !|shadowbox;width=280;height=180;title=Login Box]

{BOX(id=helloworld,class=wiki-edithelp)}{TAG(tag=div,style=background-color: white !important;)}
---
::__Hello world !__::

{MODULE(module=login_box)}{MODULE}

::Thank you for trying me !::
---
{TAG}{BOX}

---

Hello world !

Log In

Username:

Password:

CapsLock is on.

Remember me (for 1 year )

 

Thank you for trying me !

---

Content loaded using Ajax

Example1

Please Note

Content can't be loaded via Ajax from a different site/domain.

{JQ()}$jq("#ajaxload a").colorbox({
                        href: function(){
                                return $jq(this).attr('href')+' .wikitext';
                        }
}
);{JQ}{DIV(id="ajaxload")}[tiki-index_raw.php?page=HomePage|Content of a wiki page in ColorBox]{DIV}

Example2

Please Note

Content can't be loaded via Ajax from a different site/domain.

[http://zukakakina.com/tiki-index_raw.php?page=HomePage|Content of a wiki page in ColorBox|box]

Related Links