diff options
Diffstat (limited to 'webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Image_1.html')
-rw-r--r-- | webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Image_1.html | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Image_1.html b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Image_1.html new file mode 100644 index 0000000000..33b0c2d188 --- /dev/null +++ b/webapps/qooxdoo-0.6.5-sdk/frontend/application/sample/source/html/test/Image_1.html @@ -0,0 +1,114 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » Demo » Sample</title> + <link type="text/css" rel="stylesheet" href="../../css/layout.css"/> + <!--[if IE]> + <link type="text/css" rel="stylesheet" href="../../css/layout_ie.css"/> + <![endif]--> + <script type="text/javascript" src="../../script/sample.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.Preloader, 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/CrystalClear/48/categories/applications-games.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/64/apps/accessories-archiver.png", 48, 48); + with(i1) + { + setTop(48); + setLeft(20); + }; + + d.add(i1); + + + + var i2 = new qx.ui.basic.Image("icon/64/apps/accessories-archiver.png", 48, 48); + with(i2) + { + setTop(48); + setLeft(100); + }; + + d.add(i2); + + + + + var i3 = new qx.ui.basic.Image("icon/64/apps/accessories-archiver.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/64/apps/accessories-archiver.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 |