aboutsummaryrefslogtreecommitdiffstats
path: root/demos/functional/templates
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-11-08 22:30:02 +0000
committerRichard Worth <rdworth@gmail.com>2008-11-08 22:30:02 +0000
commit542bbbb4736e921bdfa6ba3b1e7ad2383a73b3c3 (patch)
tree81b214301ebfa40c8f8d82e53d30903f99c7d6f6 /demos/functional/templates
parent9d802d0651855b4b2746dd3ca7d42446c9c2f34b (diff)
downloadjquery-ui-542bbbb4736e921bdfa6ba3b1e7ad2383a73b3c3.tar.gz
jquery-ui-542bbbb4736e921bdfa6ba3b1e7ad2383a73b3c3.zip
moved magnifier to experimental branch
Diffstat (limited to 'demos/functional/templates')
-rw-r--r--demos/functional/templates/ui.magnifier.html52
1 files changed, 0 insertions, 52 deletions
diff --git a/demos/functional/templates/ui.magnifier.html b/demos/functional/templates/ui.magnifier.html
deleted file mode 100644
index fddef3d6b..000000000
--- a/demos/functional/templates/ui.magnifier.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<script type="text/javascript">
-
- var model = {
-
- renderAt: '#containerDemo',
-
- title: 'Magnifier Demos',
-
- demos: [
-
- {
- title: 'Simple Magnifier',
- desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
- html: '<div id="magnifier"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div>',
- destroy: '$("#magnifier").magnifier("destroy");',
- options: [
- { desc: 'Attach a magnifier', source: '$("#magnifier").magnifier();' },
- { desc: 'Small magnification', source: '$("#magnifier").magnifier({magnification:1.5});' },
- { desc: 'Disable the magnifier', source: '$("#magnifier").magnifier("disable");' }
- ]
- },
-
- {
- title: 'Opacity Magnifier',
- desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
- html: '<div id="magnifier2"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div>',
- destroy: '$("#magnifier2").magnifier("destroy");',
- options: [
- { desc: 'Opacity option', source: '$("#magnifier2").magnifier({opacity:{min:0.4,max:1.0}});' }
- ]
- },
-
- {
- title: 'Overlap Magnifier',
- desc: 'With few lines of code you could build a magnifier. You can try more options on the fly!',
- html: '<div style="height:16px;">&nbsp;</div><div id="magnifier3"><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /><img src="images/clock.png" width="64" height="64" alt="demo image" /></div><div style="height:84px;">&nbsp;</div>',
- destroy: '$("#magnifier3").magnifier("destroy");',
- options: [
- { desc: 'Overlap option', source: '$("#magnifier3").magnifier({overlap:true});' }
- ]
- }
-
- ]
- };
-
- $(function(){
-
- uiRenderDemo(model);
-
- });
-
-</script> \ No newline at end of file