htmlloadlinkdemo.html 1.5 KB

123456789101112131415161718192021222324252627282930313233
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Project1</title>
  7. <link rel="stylesheet" href="css/stylelink.css">
  8. <script src="htmlloadlinkdemo.js"></script>
  9. </head>
  10. <body>
  11. <h1>Dynamically loaded HTML Preload link resources</h1>
  12. <p>
  13. This demo demonstrates how to load resources and then load images from these resources.<br>
  14. Click the below image to round-robin between the available images.
  15. </p>
  16. <center>
  17. <img id="theimage" src="" alt="The image" width=60 height=60>
  18. </center>
  19. <script>
  20. window.addEventListener("load", rtl.run);
  21. </script>
  22. <div>
  23. Created using &nbsp; <a target="_blank" href="https://wiki.freepascal.org/pas2js">pas2js.</a> &nbsp;&nbsp;Sources: &nbsp;
  24. <a target="new" href="htmlloadlinkdemo.lpr">Program</a>.
  25. </div>
  26. <div>
  27. <a target="_blank" href="https://icons8.com/icons/set/circled-up-2">Scroll Up</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a><br>
  28. <a target="_blank" href="https://icons8.com/icons/set/circled-left">Go Back</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a><br>
  29. <a target="_blank" href="https://icons8.com/icons/set/circled-right">Circled Right</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a><br>
  30. <a target="_blank" href="https://icons8.com/icons/set/circled-down-2">Scroll Down</a> icon by <a target="_blank" href="https://icons8.com">Icons8</a><br>
  31. </div>
  32. </body>
  33. </html>