From eff793d014dfaeb4e601dbd97cf7b33352b05ce5 Mon Sep 17 00:00:00 2001 From: Scott González Date: Fri, 24 Jul 2009 18:24:13 +0000 Subject: Copied position plugin from /branches/dev/positionTo r2971. --- demos/position/cycler.html | 124 ++++++++++++++++++++++++++++++ demos/position/default.html | 158 +++++++++++++++++++++++++++++++++++++++ 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 demos/position/index.html | 18 +++++ 6 files changed, 300 insertions(+) create mode 100644 demos/position/cycler.html create mode 100644 demos/position/default.html create mode 100644 demos/position/images/earth.jpg create mode 100644 demos/position/images/flight.jpg create mode 100644 demos/position/images/rocket.jpg create mode 100644 demos/position/index.html (limited to 'demos/position') diff --git a/demos/position/cycler.html b/demos/position/cycler.html new file mode 100644 index 000000000..9bf90d9cc --- /dev/null +++ b/demos/position/cycler.html @@ -0,0 +1,124 @@ + + + + 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/demos/position/default.html b/demos/position/default.html new file mode 100644 index 000000000..ff378cd0e --- /dev/null +++ b/demos/position/default.html @@ -0,0 +1,158 @@ + + + + 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/demos/position/images/earth.jpg b/demos/position/images/earth.jpg new file mode 100644 index 000000000..87ea48803 Binary files /dev/null and b/demos/position/images/earth.jpg differ diff --git a/demos/position/images/flight.jpg b/demos/position/images/flight.jpg new file mode 100644 index 000000000..9721986c0 Binary files /dev/null and b/demos/position/images/flight.jpg differ diff --git a/demos/position/images/rocket.jpg b/demos/position/images/rocket.jpg new file mode 100644 index 000000000..d3bff6123 Binary files /dev/null and b/demos/position/images/rocket.jpg differ diff --git a/demos/position/index.html b/demos/position/index.html new file mode 100644 index 000000000..1d7ae3255 --- /dev/null +++ b/demos/position/index.html @@ -0,0 +1,18 @@ + + + + jQuery UI Position Demo + + + + +
+

Examples

+ +
+ + + -- cgit v1.2.3