From 75ad7e4bd7d69243e7e5281c2642f00478fb072d Mon Sep 17 00:00:00 2001 From: Filipp Lepalaan Date: Wed, 19 Feb 2014 18:02:09 +0200 Subject: Added tags, jquery UI --- apps/it/static/js/ui/demos/position/cycler.html | 107 ++++++++++++++++ apps/it/static/js/ui/demos/position/default.html | 137 +++++++++++++++++++++ .../static/js/ui/demos/position/images/earth.jpg | Bin 0 -> 29850 bytes .../static/js/ui/demos/position/images/flight.jpg | Bin 0 -> 33637 bytes .../static/js/ui/demos/position/images/rocket.jpg | Bin 0 -> 32986 bytes apps/it/static/js/ui/demos/position/index.html | 15 +++ 6 files changed, 259 insertions(+) create mode 100644 apps/it/static/js/ui/demos/position/cycler.html create mode 100644 apps/it/static/js/ui/demos/position/default.html create mode 100644 apps/it/static/js/ui/demos/position/images/earth.jpg create mode 100644 apps/it/static/js/ui/demos/position/images/flight.jpg create mode 100644 apps/it/static/js/ui/demos/position/images/rocket.jpg create mode 100644 apps/it/static/js/ui/demos/position/index.html (limited to 'apps/it/static/js/ui/demos/position') diff --git a/apps/it/static/js/ui/demos/position/cycler.html b/apps/it/static/js/ui/demos/position/cycler.html new file mode 100644 index 0000000..e33e3be --- /dev/null +++ b/apps/it/static/js/ui/demos/position/cycler.html @@ -0,0 +1,107 @@ + + + + + jQuery UI Position - Image Cycler + + + + + + + + + + + +
+ earth + flight + rocket + + + +
+ +
+

A photoviewer prototype using Position to place images at the center, left and right and cycle them. +
Use the links at the top to cycle, or click on the images on the left and right. +
Note how the images are repositioned when resizing the window. +

+ + diff --git a/apps/it/static/js/ui/demos/position/default.html b/apps/it/static/js/ui/demos/position/default.html new file mode 100644 index 0000000..6248c38 --- /dev/null +++ b/apps/it/static/js/ui/demos/position/default.html @@ -0,0 +1,137 @@ + + + + + jQuery UI Position - Default functionality + + + + + + + + + + + + + +
+

+ This is the position parent element. +

+
+ +
+

+ to position +

+
+ +
+

+ to position 2 +

+
+ +
+ position... +
+ my: + + +
+
+ at: + + +
+
+ collision: + + +
+
+ +
+

Use the form controls to configure the positioning, or drag the positioned element to modify its offset. +
Drag around the parent element to see collision detection in action.

+
+ + diff --git a/apps/it/static/js/ui/demos/position/images/earth.jpg b/apps/it/static/js/ui/demos/position/images/earth.jpg new file mode 100644 index 0000000..e5477f7 Binary files /dev/null and b/apps/it/static/js/ui/demos/position/images/earth.jpg differ diff --git a/apps/it/static/js/ui/demos/position/images/flight.jpg b/apps/it/static/js/ui/demos/position/images/flight.jpg new file mode 100644 index 0000000..362bd1a Binary files /dev/null and b/apps/it/static/js/ui/demos/position/images/flight.jpg differ diff --git a/apps/it/static/js/ui/demos/position/images/rocket.jpg b/apps/it/static/js/ui/demos/position/images/rocket.jpg new file mode 100644 index 0000000..9c0495c Binary files /dev/null and b/apps/it/static/js/ui/demos/position/images/rocket.jpg differ diff --git a/apps/it/static/js/ui/demos/position/index.html b/apps/it/static/js/ui/demos/position/index.html new file mode 100644 index 0000000..a7b7548 --- /dev/null +++ b/apps/it/static/js/ui/demos/position/index.html @@ -0,0 +1,15 @@ + + + + + jQuery UI Position Demo + + + + + + + -- cgit v1.2.3