Changeset 13665 for dojox/trunk/image/tests/test_Lightbox.html
- Timestamp:
- 05/10/08 07:19:59 (8 weeks ago)
- Files:
-
- 1 modified
-
dojox/trunk/image/tests/test_Lightbox.html (modified) (3 diffs)
Legend:
- Unmodified
- Added
- Removed
-
dojox/trunk/image/tests/test_Lightbox.html
r12107 r13665 4 4 <head> 5 5 <title>dojox.image.Lightbox Tests | The Dojo Toolkit</title> 6 7 <!-- required: a default theme file --> 8 <link rel="stylesheet" id="themeStyles" href="../../../dijit/themes/tundra/tundra.css" /> 9 <link rel="stylesheet" href="../resources/image.css" /> 6 10 11 <style type="text/css"> 12 @import "../../../dojo/resources/dojo.css"; 13 @import "../../../dijit/tests/css/dijitTests.css"; 14 body, html { width:100%; height:100%; margin:0; padding:0; } 15 </style> 16 17 <!-- required: dojo.js --> 7 18 <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script> 19 20 <!-- do not use! only for testing dynamic themes --> 8 21 <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script> 22 23 <!-- for debugging: --> 9 24 <script type="text/javascript" src="../Lightbox.js"></script> 10 25 <script type="text/javascript"> 11 // dojo.require("dojox.image.Lightbox"); // un-comment when not debugging 12 dojo.require("dojo.parser"); // scan page for widgets and instantiate them 26 dojo.require("dojox.image.Lightbox"); 13 27 dojo.require("dojox.data.FlickrStore"); 14 28 </script> 15 16 <style type="text/css">17 @import "../../../dojo/resources/dojo.css";18 @import "../../../dijit/themes/dijit.css";19 @import "../../../dijit/tests/css/dijitTests.css";20 21 /* you need this file */22 @import "../resources/image.css";23 24 body, html { width:100%; height:100%; margin:0; padding:0; }25 26 </style>27 29 28 30 <script type="text/javascript"> … … 49 51 50 52 function init(){ 53 54 51 55 var flickrRequest = { 52 56 query: {}, … … 64 68 65 69 </head> 66 <body >70 <body class="tundra"> 67 71 68 <div style="padding:20px;">69 <h1 class="testTitle">a Dojo based Lightbox implementation:</h1>72 <div style="padding:20px;"> 73 <h1 class="testTitle">a Dojo based Lightbox implementation:</h1> 70 74 71 <h3>Individual</h3>72 <p>73 <a href="images/imageVert.jpg" dojoType="dojox.image.Lightbox" title="More Guatemala...">tall</a>74 <a href="images/imageHoriz.jpg" dojoType="dojox.image.Lightbox" title="Antigua, Guatemala">4:3 image</a>75 <a href="images/broken.jpg" dojoType="dojox.image.Lightbox" title="broken href example">Broken link</a>76 <a href="images/huuuge.png" dojoType="dojox.image.Lightbox" title="a large image">large than viewport?</a>77 </p>75 <h3>Individual</h3> 76 <p> 77 <a href="images/imageVert.jpg" dojoType="dojox.image.Lightbox" title="More Guatemala...">tall</a> 78 <a href="images/imageHoriz.jpg" dojoType="dojox.image.Lightbox" title="Antigua, Guatemala">4:3 image</a> 79 <a href="images/broken.jpg" dojoType="dojox.image.Lightbox" title="broken href example">Broken link</a> 80 <a href="images/huuuge.png" dojoType="dojox.image.Lightbox" title="a large image">large than viewport?</a> 81 </p> 78 82 79 <h3>Grouped:</h3>80 <p>81 <a href="images/imageHoriz2.jpg" dojoType="dojox.image.Lightbox" group="group1" title="Amsterdam Train Depot">wide image</a>82 <a href="images/square.jpg" dojoType="dojox.image.Lightbox" group="group1" title="1:1 aspect">square</a>83 <a href="images/extraWide.jpg" dojoType="dojox.image.Lightbox" group="group1" title="Greeneville, TN">wide image</a>84 <a href="images/broken.jpg" dojoType="dojox.image.Lightbox" group="group1" title="broken href example">Broken link</a>85 </p>83 <h3>Grouped:</h3> 84 <p> 85 <a href="images/imageHoriz2.jpg" dojoType="dojox.image.Lightbox" group="group1" title="Amsterdam Train Depot">wide image</a> 86 <a href="images/square.jpg" dojoType="dojox.image.Lightbox" group="group1" title="1:1 aspect">square</a> 87 <a href="images/extraWide.jpg" dojoType="dojox.image.Lightbox" group="group1" title="Greeneville, TN">wide image</a> 88 <a href="images/broken.jpg" dojoType="dojox.image.Lightbox" group="group1" title="broken href example">Broken link</a> 89 </p> 86 90 87 <h3>Alternate Group:</h3>88 <p>89 <a href="images/imageHoriz2.jpg" dojoType="dojox.image.Lightbox" group="group2" title="Amsterdam Train Depot">wide image</a>90 <a href="images/square.jpg" dojoType="dojox.image.Lightbox" group="group2" title="1:1 aspect">square</a>91 <a href="images/imageHoriz.jpg" dojoType="dojox.image.Lightbox" group="group2" title="Antigua, Guatemala">4:3 image</a>92 <a href="images/imageVert.jpg" dojoType="dojox.image.Lightbox" group="group2" title="More Guatemala...">tall</a>93 </p>91 <h3>Alternate Group:</h3> 92 <p> 93 <a href="images/imageHoriz2.jpg" dojoType="dojox.image.Lightbox" group="group2" title="Amsterdam Train Depot">wide image</a> 94 <a href="images/square.jpg" dojoType="dojox.image.Lightbox" group="group2" title="1:1 aspect">square</a> 95 <a href="images/imageHoriz.jpg" dojoType="dojox.image.Lightbox" group="group2" title="Antigua, Guatemala">4:3 image</a> 96 <a href="images/imageVert.jpg" dojoType="dojox.image.Lightbox" group="group2" title="More Guatemala...">tall</a> 97 </p> 94 98 95 <h3>From dojox.data.FlickrStore:</h3>99 <h3>From dojox.data.FlickrStore:</h3> 96 100 97 <div dojoType="dojox.data.FlickrStore" jsId="flickrStore" label="title"></div>98 <div id="fromStore" dojoType="dojox.image.Lightbox" store="flickrStore" group="flickrStore"></div>101 <div dojoType="dojox.data.FlickrStore" jsId="flickrStore" label="title"></div> 102 <div id="fromStore" dojoType="dojox.image.Lightbox" store="flickrStore" group="flickrStore"></div> 99 103 100 <input id="flickrButton" type="button" onclick="dijit.byId('fromStore').show()" value="show flickr lightbox" disabled="disabled">104 <input id="flickrButton" type="button" onclick="dijit.byId('fromStore').show()" value="show flickr lightbox" disabled="disabled"> 101 105 102 </div>106 </div> 103 107 104 108 </body>