Scrolling Banner in Results

1

The ZADAR CRO Melges24 Cup & OPEN CROATIAN National’s 2022 results show a scrolling banner of sponsor logos - Sailwave results for ZADAR CRO Melges24 Cup & OPEN CROATIAN National's 2022. at 24. - 27. 11. 2022.</br>SC Uskok - CROATIA 2022.

Nice little publishing trick. Well done Croatian Sailwave user.

This is the code included in the custom header.txt file:

<marquee behavior="scroll"  direction ="left" scrollamount="20">
<img src="https://i.ibb.co/WVFy5FW/akvarij-logo-M24.png" alt="akvarij-logo-M24" style="margin-right:50px" height=50 >
<img src="https://i.ibb.co/TLqpqRD/sailing-point-novi.jpg" alt="sailing-point-novi" style="margin-right:50px" height=65 >
<img src="https://i.ibb.co/jLtVKzW/onesails-payoff.png" alt="onesails-payoff" style="margin-right:50px" height=70 >
<img src="https://i.ibb.co/x8CB9FS/logo-medico-M24.png" style="margin-right:50px" height=90 >
<img src="https://i.ibb.co/khPy2Yf/uskok2.jpg" alt="uskok2" style="margin-right:50px" height=100 >
<img src="https://i.ibb.co/x8CB9FS/logo-medico-M24.png" style="margin-right:50px" height=90 >
<img src="https://i.ibb.co/jLtVKzW/onesails-payoff.png" alt="onesails-payoff" style="margin-right:50px" height=70 >
<img src="https://i.ibb.co/TLqpqRD/sailing-point-novi.jpg" alt="sailing-point-novi" style="margin-right:50px" height=65 >
<img src="https://i.ibb.co/WVFy5FW/akvarij-logo-M24.png" alt="akvarij-logo-M24" height=50 >
</marquee>

This code is included between the HTML code

<header>

</header>

Obviously, the image source links would be changed for your own :wink:

2

Amazing. Runs a bit fast on my machine, so I used 7 instead of 20. You can show me how to include the header.txt file sometime over the winter. For now, we need more sponsors, apparently.

3

Hi John,

I will try and put together a separate document on customising the header.txt & footer.txt files, pulling together the different things that have been done by various people. Maybe a video as well!

Kind regards,
Huw

4

Hi Huw,

It would be nice if the user can pass a parameter to the html file to set the speed. JavaScript has a method to do this. Passing a speed parameter avoid the changing of the heater.txt file.

A while ago I created a JavaScript made up from two existing JavaScripts that Jon wrote and I added an option to pass parameters to the html file. I don’t have any JavaScript experience, but Jon’s code was very easy to understand and he did most of the heavy lifting.

Below are two links to the 2022 ILCA 6 women results; the first one is a static display and the second one has scrolling and refresh options. However, the actual html files are identical which is very good.

https://jpvm.org/results/2022/ilca6_men_women/ILCA_6_Women_results.html

https://jpvm.org/results/2022/ilca6_men_women/ILCA_6_Women_results.html?refresh=2&step=4&speed=10

The following parameters can be passed:

  • refresh=2 This defines after how many cycles the html file will be refreshed from the server
  • step=4 This sets the step size of the display
  • speed=10 This sets the speed of the display. 100 is very slow and 1 is very fast

We don’t print and hang result sheets any more. We have large monitors displaying the results dynamically which are updated as new results are posted. Depending on the computer speed, the step and speed parameters might need to be changed.

Here is link to the script: https://www.dropbox.com/s/3i3luph9l57mk8m/Refresh_scroller.js?dl=0

Cheers,
Peter

5

Hi Peter,

Thank you for reminder and good point about passing a parameter ‘Effects’

Kind regards,
Huw