Highslide 4 Beta test page

Crossfade

• Rewrite if captions are rewritten, see below. Done May 8.
• Consider adding som hs.Expander.prototype.setSrc() method for image versions. This allows for more images under one thumb with links in the caption. It also allows for versions of the same image. A crossfade effect should be added. Possibly also the main crossfade could be done this way, all within the same expander. Maybe reuse same code for size calculations as doFullExpand. Switch overlays. How will it affect afterExpand operations and events? Main objective: crossfading of overlays. Looks better like it is now, with overlays not changing shape and new overlays appearing on finished, while inherited overlays change shape. June 11th: created setSrc. TODO: display loading. June 17: Abandoned setSrc due to problem with cancel loading. Reconsider doing the main crossfade like this for version 4.1.
• Consider the positioning of the slides. Many users have asked for the controlbar to be positioned at the exact same place when a new slide opens. Added the fixedControls property to the slideshow options.
• Fix flickering on closing subsequent slides. Done May 9.
• What about borders on the caption? Use borders on the wrapper? Consider adding border in a div inside the graphic outline table. June 11th: consider wrapper borders later. Borders in the graphic outline doesn't work while animating.
• Loading label on top of full image.
• Controlbar with hideOnMouseOut reappears on crossfading.

Controlbar

• Contains common controls, each one hideable via CSS.
• Unlike earlier versions, the expander is aware of it's controlbar, so it can disable buttons, like for example the previous button on the first slide.
• The full-expand label is integrated into the controlbar.
• Make options for using a controlbar that is outside the expander, on the parent page. 10th June: not prioritized. Consider later if users request it.
• Make options for placing the controlbar in the caption. This can be done by placing it "bottom center" with a position:relatvie.
• Consider passing overlay parameter object when defining the slideshow.
• Bug: Open two expanders. Hit next until the first one is reached. Highslide hangs. Fixed by allowing multiple expanders from the same thumb when using crossfade.
• Bug: Open two expanders. Controlbar only shows on the latter.
• Add detection of mouse over on expand.

Slideshow

• Written April 17.
• The hs.repeat option lets the implementer choose whether to stop/close the slideshow on the last image, or start from the first.
• Start the slideshow from a link on the page.
• Make an autoplay option for hs.expand to use from the play button. Done June 13th.
• Create an option to add an icon when hovering over the first image in a slideshowGroup, to start the slideshow directly from there. June 11th: solved by HTML and CSS.
• Crashes on hitting Enter while crossfading (play mode).
• Bug: useControls

Overlays

• Allow captions on all sides of the image, not only below. Done May 2.
• Multiple captions for each image, in different positions (caption, heading, leftpanel, rightpanel). Done May 2.
• Add headings, which share all properties with captions.
• Captions and headings will be a subset of overlays, with default position "below" and "above". This position can be altered by a setting, hs.captionPosition and hs.headingPosition. This provides a simple interface for adding two overlays wherever the implementer wants, in addition to adding more overlays the usual way.
• Introduced hs.captionPosition 2008-04-25.
• Introduced heading options equivalent to caption options 2008-04-25.
• Add width option to the overlays, allowing 100% width. Width doesn't apply to overlays positioned above or below. Leftpanel and rightpanel only allow absolute widths.
• Deprecated hs.spaceForCaption.
• Possibly allow caption and heading overlay options to be set as an object instead of one by one. Width, position, hideOnMouseOut and opacity are needed for on-image overlays. How does this work with pre-parsing of onclick? Done 5. June. Added hs.captionOverlay and hs.headingOverlay.
• Test padToMinWidth (rewrite to using leftpanel only).
• hs.dragheading added for easy config of dragging by the heading.
• Consider a close button in the heading. It can be done using a top right overlay with negative margins. At least make a good example with it.
• Allow multiple overlays in the same position? 10th June: not necessary for now. Numbers are placed differently.
• Allow overlays in positions like "leftpanel center" (middle?), "right above". Edit: not necessary. Use position:relative or text-align.
• Take into account new overlay size (above and below only) on resize.
• All above and below content must be positioned first.
• What to do with sidepanel content taller than the image? Gave it overflow:auto.
• Make sure overlays behave on resizing. Recalculate heights.
• Resizing of images and watch the behaviour of overlays.
• Test overlays and numbers with HTML. Done June 20th.

Image numbers

• Added skin for image numbers.
• Add options for where to put them. In the caption, the heading - in a separate overlay? Added caption and heading.
• Make numbers independent of heading/caption content. Done June 24th.

Imagemap support

• Add mod from previous thread.
• Add area tags to getElementsByTagName.
• Add position awareness by parsing shape.

Other

• Add maxWidth, maxHeight. Use the same logic as that of viewport width and height now. Done June 19th. minWidth/minHeight override maxWidth/maxHeight.
• Create special language object? The language strings are getting numerous and are cluttering the API doc.
• Add bugfixes from 3.3 fork.
• Drop .highslide-display-none and .highslide-display-block CSS classes that were intended for Opera 7.
• Check overlays with preserveContent.
• Fix crossfading for HTML content or break it cleanly. Broke it. Wait for response.
• Support SWObject 2.0?
• Simplify resize overlay and make it part of "Autosize?". Do it later on request.
• Rewrite hs.skin.number to be part of the hs.lang object instead.

Refactoring

• Consider hs.Overlay object. Tried it. Unnecessary
• Consider short forms in hs.setStyles, like w, h, l, r for width, height, left, right. June 19th: tried chaining hs.setStyles, but it is slowed down. This function must be fast.
• Put "self rendering content" into the skin object.
• Add documented updateAnchors method. Done June 18th. Remains to document it.
• Change name from genContainer to init. Done June 19th. Document it in onActivate.
• Swap "center" with "middle" on overlay positions.
• Generalize all positioning in x and y dimensions with equivalent ['above', 'top', 'middle', 'bottom', 'below'] and ['leftpanel', 'left', 'center', 'right', 'rightpanel']. June 20th: Not sure. The code gets more abstract, and it saves little weight.
• Merge highslide-gallery.js with highslide.src.js. Add $cfg logic in highslide-gallery.js.