Object: hsVariables
Functions
EventsObject: hs.ExpanderVariablesFunctionsEvents
|
hs.padToMinWidthOn narrow images, pad the width of the expander to the minWidth to make room for the caption.
The caption takes the width of the image, which becomes a problem if the image is very small or narrow and the caption contains a lot of text. By setting hs.padToMinWidth to true and hs.minWidth to a suitable value, you ensure that the caption is not cramped into a narrow strip.
Details
ExamplePadding to 200pxPut this in your head section to make it apply to all small images. <script type="text/javascript"> hs.minWidth = 200; hs.padToMinWidth = true; </script> The markup: <a class="highslide" href="../samples/digitalis.jpg" onclick="return hs.expand(this)"> <img src="../samples/digitalis.tiny.png" alt="" style="width:28px; height:21px"/> </a> <div class="highslide-caption"> <b>Digitalis</b> is a genus of about 20 species of herbaceous perennials, shrubs, and biennials that was traditionally placed in the figwort family Scrophulariaceae. Due to new genetic research, it has now been placed in the much enlarged family Plantaginaceae. The genus is native to Europe, western and central Asia, and northwestern Africa.<br/> <div style="text-align: right; font-style:italic"> (From <a href="http://en.wikipedia.org/wiki/Digitalis">Wikipedia</a>) </div> </div> The effect: See also |