This effect allows a background image (it doesn’t have to be a photo) to be applied to the results as an effect so you can turn it on or off as simply as selecting the effect.  You can also specify the image to use and save it with the series.

You can of course simply add an image using CSS, to any of the existing styles by editing the Style and saving it as a custom style (see the Sailwave User Group for the sample that Keith kindly supplied).  This effect however allows you to add a background image to any of the styles without having to edit the style.  And publish with or without it at will.

It has a default image (you can modify the default image simply by editing the effect) but it also allows you to specify the image to use at the time of publishing and this is stored with the series so that each series can have a different background image.

As a sample, you could have something like this

It can be combined with other effects such as HighlightWins3v3 if required

How to change the image at publishing time without editing any files.
This is done by adding the path to the image in the publish notes.
You can still add notes as normal but if you add a line starting with
<!BG   and ending with > e.g.
<!BGhttps://i.imgur.com/kwdzcgr.jpg>
This line will not appear in the published results but it is passed to the effect.  You must of course tick the box to publish notes even if the image path is the only thing in the notes.

It can be downloaded from here.
Save it in your custom effects folder as specified in the Setup – Global options- folders – My script folder,  the default for this is
C:\Users\Public\Documents\Sailwave\Javascript

Have fun….
Try the example <!BGhttps://i.imgur.com/kwdzcgr.jpg> and post a reply in the user group if you know where the picture is taken – I know some of you will.

This effect allows the row where the cursor is to be highlighted by changing its color as you move the cursor around and over the summary and race tables.

You can of course simply add the hover effect to the style by adding one or two lines of CSS and some of the styles do have this implemented already.  This is an effect which you can turn on or off at the point of publishing by selecting the Hover effect implementing it as Javascript .  The colour is a rather boring grey so that it works with all the different styles available but feel free to change your copy if you wish.

It can be combined with other effects such as HighlightWins3v3 if required

It can be downloaded from here.
Save it in your custom effects folder as specified in the Setup – Global options- folders – My script folder, the default for this is
C:\Users\Public\Documents\Sailwave\Javascript