diff options
author | Richard Worth <rdworth@gmail.com> | 2008-11-08 22:30:02 +0000 |
---|---|---|
committer | Richard Worth <rdworth@gmail.com> | 2008-11-08 22:30:02 +0000 |
commit | 542bbbb4736e921bdfa6ba3b1e7ad2383a73b3c3 (patch) | |
tree | 81b214301ebfa40c8f8d82e53d30903f99c7d6f6 /demos/functional/templates | |
parent | 9d802d0651855b4b2746dd3ca7d42446c9c2f34b (diff) | |
download | jquery-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.html | 52 |
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;"> </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;"> </div>', - destroy: '$("#magnifier3").magnifier("destroy");', - options: [ - { desc: 'Overlap option', source: '$("#magnifier3").magnifier({overlap:true});' } - ] - } - - ] - }; - - $(function(){ - - uiRenderDemo(model); - - }); - -</script>
\ No newline at end of file |