| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>Testing dojox.image.SlideShow</title>
- <style type="text/css">
- @import "../../../dijit/tests/css/dijitTests.css";
- @import "../resources/image.css";
- </style>
-
- <script type="text/javascript" src="../../../dojo/dojo.js" djconfig="parseOnLoad:false, isDebug: true, defaultTestTheme: 'soria'"></script>
- <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
- <script type="text/javascript" src="../SlideShow.js"></script>
- <script type="text/javascript" src="../../../dojo/data/ItemFileReadStore.js"></script>
- <script type="text/javascript" src="../../data/FlickrRestStore.js"></script>
- <script type="text/javascript">
- // dojo.require("dojox.image.SlideShow");
- // dojo.require("dojox.data.FlickrRestStore");
- // dojo.require("dojo.data.ItemFileReadStore");
- dojo.require("dojo.parser"); // find widgets
-
- dojo.addOnLoad(function(){
- //Initialize the first SlideShow with an ItemFileReadStore
- dojo.parser.parse(dojo.body());
- dijit.byId('slideshow1').setDataStore(imageItemStore,
- { query: {}, count:20 },
- {
- imageThumbAttr: "thumb",
- imageLargeAttr: "large"
- }
- );
-
- //INitialize the second store with a FlickrRestStore
- var flickrRestStore = new dojox.data.FlickrRestStore();
- var req = {
- query: {
- userid: "44153025@N00",
- apikey: "8c6803164dbc395fb7131c9d54843627"
- },
- count: 20
- };
- dijit.byId('slideshow2').setDataStore(flickrRestStore, req);
- });
-
- </script>
- </head>
- <body>
- <h1 class="testTitle">dojox.image.SlideShow</h1>
- <h2>from dojo.data.ItemFileReadStore</h2>
- <div jsId="imageItemStore" dojoType="dojo.data.ItemFileReadStore" url="images.json"></div>
- This SlideShow should display five photos, and loop. It should also
- open a URL when the image is clicked. The widget should also resize to
- fit the image.
- <div id="slideshow1" dojoType="dojox.image.SlideShow"></div>
- <h2>from dojox.data.FlickrRestStore</h2>
- This SlideShow should display five photos, and not loop. It should also not
- open a URL when the image is clicked. AutoLoading of images is also disabled.
- The time between images in a SlideShow is 1 second. The widget should not resize to fit the image
- <div id="slideshow2" dojoType="dojox.image.SlideShow" noLink="true" loop="false" autoLoad="false"
- slideshowInterval="1" fixedHeight="true"></div>
- </body>
- </html>
|
