diff --git a/dojox/image/LightboxNano.rst b/dojox/image/LightboxNano.rst index 15ee6b102..3d2bf4583 100644 --- a/dojox/image/LightboxNano.rst +++ b/dojox/image/LightboxNano.rst @@ -92,19 +92,19 @@ Create the LightboxNano on an element: .. js :: - require(["dojox/image/LightboxNano", "dojo/domReady!"], function(LightboxNano) { - var lightbox = new LightboxNano({ - href: "{{baseUrl}}dojox/image/tests/images/chris3_lg.jpg" // path to large image - }, "myImg"); - }); + require(["dojox/image/LightboxNano", "dojo/domReady!"], function(LightboxNano) { + var lightbox = new LightboxNano({ + href: "{{baseUrl}}dojox/image/tests/images/chris3_lg.jpg" // path to large image + }, "myImg"); + }); .. css :: - @import "{{baseUrl}}dojox/image/resources/Lightbox.css"; + @import "{{baseUrl}}dojox/image/resources/Lightbox.css"; .. html :: - + Create the LightboxNano on an element: @@ -112,19 +112,19 @@ Create the LightboxNano on an element: .. js :: - require(["dojox/image/LightboxNano", "dojo/domReady!"], function(LightboxNano) { - var lightbox = new LightboxNano({}, "myLink"); - }); + require(["dojox/image/LightboxNano", "dojo/domReady!"], function(LightboxNano) { + var lightbox = new LightboxNano({}, "myLink"); + }); .. css :: - @import "resources/Lightbox.css"; + @import "{{baseUrl}}dojox/image/resources/Lightbox.css"; .. html :: - - - + + + Declarative example ------------------- @@ -135,51 +135,55 @@ Standard way to declaratively create the LightboxNano .. js :: - require(["dojo/parser", "dojox.image.LightboxNano"]); + require(["dojo/parser", "dojox.image.LightboxNano"]); .. css :: - @import "resources/Lightbox.css"; + @import "{{baseUrl}}dojox/image/resources/Lightbox.css"; .. html :: - - - + + + -Should you want to destroy the LightboxNano, you'll need to use the data-dojo-id. You can view more info about using the data-dojo-id on :ref:`data-dojo-id, dijit.byId() and dojo.byId() `. +Should you want to destroy LightboxNano, you'll need to use the data-dojo-id. You can view more info about using the data-dojo-id on :ref:`data-dojo-id, dijit.byId() and dojo.byId() `. .. code-example :: .. js :: - require(["dojo/parser", "dojox.image.LightboxNano"]); + require(["dojo/parser", "dojox.image.LightboxNano"]); - .. html :: + .. css :: + + @import "{{baseUrl}}dojox/image/resources/Lightbox.css"; + + .. html :: - - - - + + + + File Sizes ========== -The LightboxNano is pretty small, but it relies on several other core Dojo components. If you do a custom Dojo build containing the LightboxNano and the dojo/parser, the dojo.js is 96KB. If you enable HTTP compression on the web server, you can get that down to a nice 32KB. +The LightboxNano is pretty small, but it relies on several other core Dojo components. If you do a custom Dojo build containing LightboxNano and the dojo/parser, the dojo.js file size is 96KB. If you enable HTTP compression on the web server, you can get that down to a nice 32KB. Limitations =========== * The LightboxNano does not reposition itself when the browser window is resized or scrolled. -* In IE6, drop down select lists bleed through the LightboxNano layer. This can be fixed with an iframe shim. This was skipped to keep the size down and because we all want IE6 to just go away. +* In IE6, drop-down select lists bleed through the LightboxNano layer. This can be fixed with an iframe shim. This was skipped to keep the size down and because we all want IE6 to just go away. Future Improvements =================== -There's always things that can be done to improve LightboxNano. Here's a couple ideas and you're welcome to make suggestions in the comments. +There's always things that can be done to improve LightboxNano. Here's a couple of ideas. You're welcome to make suggestions in the comments. * Add support for displaying a caption. -* Add support for :ref:`dojox/embed ` to play Flash or Quicktime movies. +* Add support for :ref:`dojox/embed ` to play Flash or QuickTime movies. A 1.6 workaround ================