From af15f2c4a192dea02aab9e519defc68c71763ec4 Mon Sep 17 00:00:00 2001 From: yvesf Date: Mon, 22 Nov 2010 14:34:55 +0100 Subject: jquery ui --- .../development-bundle/demos/position/cycler.html | 122 ++++++++++++++++ .../development-bundle/demos/position/default.html | 153 +++++++++++++++++++++ .../demos/position/images/earth.jpg | Bin 0 -> 35007 bytes .../demos/position/images/flight.jpg | Bin 0 -> 35234 bytes .../demos/position/images/rocket.jpg | Bin 0 -> 51070 bytes .../development-bundle/demos/position/index.html | 19 +++ 6 files changed, 294 insertions(+) create mode 100644 static/development-bundle/demos/position/cycler.html create mode 100644 static/development-bundle/demos/position/default.html create mode 100644 static/development-bundle/demos/position/images/earth.jpg create mode 100644 static/development-bundle/demos/position/images/flight.jpg create mode 100644 static/development-bundle/demos/position/images/rocket.jpg create mode 100644 static/development-bundle/demos/position/index.html (limited to 'static/development-bundle/demos/position') diff --git a/static/development-bundle/demos/position/cycler.html b/static/development-bundle/demos/position/cycler.html new file mode 100644 index 0000000..4e586cc --- /dev/null +++ b/static/development-bundle/demos/position/cycler.html @@ -0,0 +1,122 @@ + + + + + jQuery UI Position - Default functionality + + + + + + + + + + + +
+ + + + + + + + +
+ + + +
+

A prototype for the Photoviewer 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. +
Warning: Doesn't currently work inside the demo viewer; open in a new window instead!

+
+ + + diff --git a/static/development-bundle/demos/position/default.html b/static/development-bundle/demos/position/default.html new file mode 100644 index 0000000..de84c2c --- /dev/null +++ b/static/development-bundle/demos/position/default.html @@ -0,0 +1,153 @@ + + + + + jQuery UI Position - Default functionality + + + + + + + + + + + + + +
+ +
+

+ This is the position parent element. +

+
+ +
+

+ to position +

+
+ +
+

+ to position 2 +

+
+ +
+ position... +
+ my: + + +
+
+ at: + + +
+
+ offset: + +
+
+ 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/static/development-bundle/demos/position/images/earth.jpg b/static/development-bundle/demos/position/images/earth.jpg new file mode 100644 index 0000000..87ea488 Binary files /dev/null and b/static/development-bundle/demos/position/images/earth.jpg differ diff --git a/static/development-bundle/demos/position/images/flight.jpg b/static/development-bundle/demos/position/images/flight.jpg new file mode 100644 index 0000000..9721986 Binary files /dev/null and b/static/development-bundle/demos/position/images/flight.jpg differ diff --git a/static/development-bundle/demos/position/images/rocket.jpg b/static/development-bundle/demos/position/images/rocket.jpg new file mode 100644 index 0000000..d3bff61 Binary files /dev/null and b/static/development-bundle/demos/position/images/rocket.jpg differ diff --git a/static/development-bundle/demos/position/index.html b/static/development-bundle/demos/position/index.html new file mode 100644 index 0000000..498c09b --- /dev/null +++ b/static/development-bundle/demos/position/index.html @@ -0,0 +1,19 @@ + + + + + jQuery UI Position Demo + + + + +
+

Examples

+ +
+ + + -- cgit v1.2.1