From 60721f4292bb90ffb34e3416ed73fdb451adbecb Mon Sep 17 00:00:00 2001 From: Thomas Willingham Date: Fri, 26 Apr 2013 22:31:50 +0100 Subject: Colorbox --- library/colorbox/example2/index.html | 87 ++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 library/colorbox/example2/index.html (limited to 'library/colorbox/example2/index.html') diff --git a/library/colorbox/example2/index.html b/library/colorbox/example2/index.html new file mode 100644 index 000000000..727fe78d7 --- /dev/null +++ b/library/colorbox/example2/index.html @@ -0,0 +1,87 @@ + + + + + ColorBox Examples + + + + + + + +

ColorBox Demonstration

+

Elastic Transition

+

Grouped Photo 1

+

Grouped Photo 2

+

Grouped Photo 3

+ +

Fade Transition

+

Grouped Photo 1

+

Grouped Photo 2

+

Grouped Photo 3

+ +

No Transition + fixed width and height (75% of screen size)

+

Grouped Photo 1

+

Grouped Photo 2

+

Grouped Photo 3

+ +

Slideshow

+

Grouped Photo 1

+

Grouped Photo 2

+

Grouped Photo 3

+ +

Other Content Types

+

Outside HTML (Ajax)

+

Flash / Video (Iframe/Direct Link To YouTube)

+

Flash / Video (Iframe/Direct Link To Vimeo)

+

Outside Webpage (Iframe)

+

Inline HTML

+ +

Demonstration of using callbacks

+

Example with alerts. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.

+ + +
+
+

This content comes from a hidden element on this page.

+

The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.

+

Click me, it will be preserved!

+ +

If you try to open a new ColorBox while it is already open, it will update itself with the new content.

+

Updating Content Example:
+ Click here to load new content

+
+
+ + \ No newline at end of file -- cgit v1.2.3