Go to file
VA3HDL c0a1e58348 Fixed vertical scrolling in iFrames 2024-05-27 13:48:35 -04:00
examples Moved example screenshot to separate folder 2024-05-25 21:47:54 -04:00
README.md Updated instructions 2024-05-27 08:57:08 -04:00
config.js Separated config from main file on its own 2024-05-27 08:54:54 -04:00
hamdash.html Fixed vertical scrolling in iFrames 2024-05-27 13:48:35 -04:00
wheelzoom.js First commit 2024-05-18 14:48:19 -04:00

README.md

YouTube video

Instructions

  1. Just download the files from the Github repository (hamdash.html, config.js, and wheelzoom.js) and keep them together on the same folder.
  2. Open hamdash.html with any browser of your preference and you done.
  3. With any text editor (like Notepad) you can change the source images (can be more than one per box) or the menu options from the config.js file.

Quick Help

  • Double click on an image to expand to full screen.
  • Double click again to close full screen view.
  • Right click on an image to display the next one. (In the latest version is possible to add multiple images per box.)
  • The content refreshes automatically every 5 minutes.

Is that easy!

73 de Pablo, VA3HDL

Updates

2024.05.27 Changelog:

  • Moved the configuration parts of the JavaScript code to its own file "config.js" so it is easy to upgrade after updates to the main code. Suggested by Lou KI5FTY.
  • Improved menu usability

2024.05.25 Changelog:

  • Removed dependencies to local installed fonts. Fonts now are loaded from Google Fonts directly to ensure consistency.
  • Ability to add multiple images per position. Images are rotated automatically every 30 seconds.
  • Autorefresh is now paused automatically when switching to a website (from menu) or when an image is zoomed-in to full screen
  • Moved configuration variables to the top of the script and added extra commentary to ease the initial setup
  • Added menu to the right of the page. Now the left menu has ham radio links and right menu has weather links

Samples

VA3HDL Sample Dashboard

N4NBC Sample Dashboard

Dual menu example:

Dual side Menu Sample Dashboard