diff options
Diffstat (limited to 'swat/apps/qooxdoo-examples/test/Image_1.html')
| -rw-r--r-- | swat/apps/qooxdoo-examples/test/Image_1.html | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/test/Image_1.html b/swat/apps/qooxdoo-examples/test/Image_1.html new file mode 100644 index 0000000000..e206a03fa4 --- /dev/null +++ b/swat/apps/qooxdoo-examples/test/Image_1.html @@ -0,0 +1,114 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo</title> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/qx.js"></script> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>This is a test for the qx.ui.basic.Image constructor. It supports automatic preloading through qx.io.image.ImagePreloader, with error and load + QxEvents which will be fired, and cross-browser PNG with extended alpha channels.</p> + + <p>PNG file in HTML (in Internet Explorer this should not be transparent):</p> + <img src="../../../../framework/source/resource/icon/crystalsvg/48/hardware-info.png" width="48" height="48"/> + </div> + + <script type="text/javascript"> + qx.core.Init.getInstance().defineMain(function() + { + var d = qx.ui.core.ClientDocument.getInstance(); + + var i1 = new qx.ui.basic.Image("icon/48/favourite.png", 48, 48); + with(i1) + { + setTop(48); + setLeft(20); + }; + + d.add(i1); + + + + var i2 = new qx.ui.basic.Image("icon/48/favourite.png", 48, 48); + with(i2) + { + setTop(48); + setLeft(100); + }; + + d.add(i2); + + + + + var i3 = new qx.ui.basic.Image("icon/48/favourite.png", 96, 96); + with(i3) + { + setTop(120); + setLeft(60); + setResizeToInner(true); + }; + + /* + i3.addEventListener("load", function() { + new QxDebug("Bigger Symbol", "Preferred (Original) Size: " + this.getPreferredBoxWidth() + "x" + this.getPreferredBoxHeight()); + }); + */ + + d.add(i3); + + + + + var i4 = new qx.ui.basic.Image("icon/48/favourite.png", 24, 24); + with(i4) + { + setTop(120); + setLeft(20); + setResizeToInner(true); + }; + + /* + i4.addEventListener("load", function() { + new QxDebug("Smaller Symbol", "Preferred (Original) Size: " + this.getPreferredBoxWidth() + "x" + this.getPreferredBoxHeight()); + }); + */ + + d.add(i4); + + + + + var i5 = new qx.ui.basic.Image("http://www.google.com/images/google_sm.gif"); + with(i5) + { + setTop(300); + setLeft(20); + }; + + /* + i5.addEventListener("load", function() { + new QxDebug("Google Image", "Preferred (Original) Size: " + this.getPreferredBoxWidth() + "x" + this.getPreferredBoxHeight()); + }); + */ + + d.add(i5); + + + + + + // Icon Themes + qx.manager.object.ImageManager.getInstance().createThemeList(d, 300, 48); + + + }); + </script> +</body> +</html>
\ No newline at end of file |