In https://www.talkgraphics.com/showthr...Good-Page-Load, we have been exploring how to set up a gallery of images (& videos) that is not heavy-handed by being all crammed into a design file (XAR/WEB) as this makes editing and publishing unwieldy.

The use of the Xara built-in HighSlide JS is stale and moribund. It has a number of lacks:
  • What you see in the Thumbnail is what appears in the large presentation. The plus is it is scaled and published without any needed user intervention.
  • The large images can not be given any image filename.
  • Everything get downloaded all at once.

nanogallery2 will accept a separate thumbnail of any size but it is easier just to consider a simple grid.

In a nutshell:
  • Use Get fills to bring in your folder of nicely-named images.
  • Create a grid of boxes 240x160px.
  • For each box, use Apply as fill to place the image into the box.
  • Switch to the Fill tool and reposition and scale the Thumbnail.
  • Switch to Web Properties > Image > Web image type and decide JPEG or PNG and Apply.
  • Switch to Web Properties > Image > Image and for each box, in turn:

    • Click photo filename.
    • Click the Apply button.

  • Export Website to a local folder.
    • Open it index_html_files folder and extract all your named Thumbnails to their new home.

Acorn