API tools faq
paste
Advertisement
Guest User

Webcams Haute-Savoie

a guest
Dec 12th, 2024
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Webcams</title>
  7.  
  8. <style>
  9. body {
  10. font-family: Arial, sans-serif;
  11. margin: 10px;
  12. padding: 0;
  13. background-color: #f4f4f9;
  14. }
  15. .image-container {
  16. text-align: center;
  17. margin-bottom: 40px;
  18. cursor: pointer;
  19. }
  20. .image-container img {
  21. max-width: 100%;
  22. height: auto;
  23. border-radius: 8px;
  24. box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  25. }
  26. </style>
  27. </head>
  28. <body>
  29.  
  30. <h1>Webcams</h1>
  31. <div id="gallery"></div>
  32.  
  33. <script>
  34.  
  35. // Liste à afficher: URL de l'image, titre
  36. const imagesData = [
  37. "https://www.trinum.com/ibox/ftpcam/mega_les-rousses_balancier.jpg,Jura - Les Rousses",
  38. "https://www.trinum.com/ibox/ftpcam/mega_les-rousses_jouvencelles-ts.jpg,Jura - Jouvencelles",
  39. "https://www.trinum.com/ibox/ftpcam/mega_les-rousses_la-serra.jpg,Jura - La Serra",
  40. "https://www.trinum.com/ibox/ftpcam/mega_les_rousses_les-tuffes.jpg,Jura - Les Tuffes",
  41. "https://www.trinum.com/ibox/ftpcam/mega_les-rousses_massif-de-dole.jpg,Jura - La Dôle",
  42. "https://www.trinum.com/ibox/ftpcam/mega_mont-jura_la-faucille-coeur-de-station.jpg,Jura - La Faucille",
  43. "https://www.trinum.com/ibox/ftpcam/mega_mont-jura_la-faucille-1540.jpg,Jura - Mont Rond",
  44. "https://www.trinum.com/ibox/ftpcam/mega_mont-jura_catheline.jpg,Jura - Lélex",
  45. "https://www.trinum.com/ibox/ftpcam/mega_mont-jura_tc-crozet.jpg,Jura - Crozet",
  46. "https://www.trinum.com/ibox/ftpcam/mega_hirmentaz_glisse-tranquille.jpg,Hirmentaz - Station",
  47. "https://www.trinum.com/ibox/ftpcam/mega_hirmentaz_coeur-de-station.jpg,Hirmentaz - Pistes",
  48. "https://www.trinum.com/ibox/ftpcam/mega_hirmentaz_grand-site.jpg,Hirmentaz - Sommet",
  49. "https://www.trinum.com/ibox/ftpcam/mega_les-brasses_restaurant.jpg,Les Brasses - Station",
  50. "https://www.trinum.com/ibox/ftpcam/mega_praz_lys_sommand_parking.jpg,Sommand - Station",
  51. "https://www.trinum.com/ibox/ftpcam/mega_praz_lys_sommand_haut-fleury.jpg,Sommand - Haut Fleury",
  52. "https://www.trinum.com/ibox/ftpcam/mega_praz_lys_sommand_veran.jpg,Sommand - Véran",
  53. "https://www.trinum.com/ibox/ftpcam/mega_praz_lys_sommand_farquet.jpg,Praz-de-Lys - Roy",
  54. "https://www.trinum.com/ibox/ftpcam/mega_praz_lys_sommand_chevally.jpg,Praz-de-Lys - Station",
  55. "https://www.skaping.com/rocdenfer/latest/hd,Les Gets - La Grande Terche",
  56. "https://www.trinum.com/ibox/ftpcam/les_gets_sommet-chery.jpg,Les Gets - Mont Chéry",
  57. "https://www.trinum.com/ibox/ftpcam/perriere.jpg,Les Gets - Turche",
  58. "https://www.trinum.com/ibox/ftpcam/lesgets_chavannes.jpg,Les Gets - Chavannes",
  59. "https://www.trinum.com/ibox/ftpcam/mega_motiv-oxygene_sommet-ts-tete.jpg,Morzine - Pleney",
  60. "https://www.trinum.com/ibox/ftpcam/mega_motiv-oxygene_morzine-avoriaz.jpg,Morzine - Chamossière",
  61. "https://www.skaping.com/portes-du-soleil/morzine/latest/hd,Morzine - Ravanettes",
  62. "https://www.skaping.com/avoriaz/station/latest/hd,Avoriaz - Station",
  63. "https://www.skaping.com/avoriaz/fornet/latest/hd,Avoriaz - Fornet",
  64. "https://www.skaping.com/montriond/lac/latest/hd,Avoriaz - Montriond",
  65. "https://www.trinum.com/ibox/ftpcam/chatel_morclan.jpg,Châtel - Morclan",
  66. "https://www.trinum.com/ibox/ftpcam/la-chapelle_braitaz.jpg,Abondance - Braitaz",
  67. "https://www.trinum.com/ibox/ftpcam/mega_ot-peva_la-chapelle-d-abondance-tsd-cret-beni.jpg,Abondance - Crêt Béni",
  68. "https://www.trinum.com/ibox/ftpcam/mega_ot-peva_tc-essert.jpg,Abondance - Essert",
  69. "https://www.skaping.com/rocdenfer/latest/hd,St Jean d'Aulps - La Grande Terche",
  70. "https://www.trinum.com/ibox/ftpcam/mega_vallee-d-aulps_plateau-st-jean-d-aulps.jpg,St Jean d'Aulps - Pistes",
  71. "https://www.trinum.com/ibox/ftpcam/mega_thollon-les-memises_front-de-neige.jpg,Mémises - Télécabine",
  72. "https://www.trinum.com/ibox/ftpcam/mega_ot-peva_bernex-tsd-pre-richard.jpg,Bernex - Pré Richard",
  73. "https://www.skaping.com/evian/capitainerie/latest/hd,Evian - Lac",
  74. "https://www.skaping.com/chamonix/plateau-de-lognan/latest/hd,Chamonix - Lognan",
  75. "https://www.skaping.com/chamonix-flegere-G1/latest/hd,Chamonix - Flégère",
  76. "https://www.skaping.com/chamonix/brevent/latest/hd,Chamonix - Brévent",
  77. "https://panodata.panomax.com/cams/720/recent_hd.jpg,Chamonix - Les Houches",
  78. "https://www.skaping.com/combloux/sommet/latest/hd,Combloux - Salles",
  79. "https://www.trinum.com/ibox/ftpcam/original_arbois.jpg,Mégève - Mont d'Arbois",
  80. "https://www.trinum.com/ibox/ftpcam/rochebrune.jpg,Mégève - Rochebrune",
  81. "https://www.trinum.com/ibox/ftpcam/evasion_fontaine.jpg,Mégève - Alpette",
  82. "https://www.lescontamines.net/camera/signalhd.jpg,Les Contamines - Signal",
  83. "https://www.lescontamines.net/camera/panocol.jpg,Les Contamines - Col de Voza",
  84. "https://www.trinum.com/ibox/ftpcam/mega_les_saisies_bellasta.jpg,Les Saisies - Mont de Vorès",
  85. "https://www.trinum.com/ibox/ftpcam/mega_les_saisies_bisanne-1500.jpg,Les Saisies - Station",
  86. "https://www.trinum.com/ibox/ftpcam/mega_les_saisies_bisanne-panoramique-2000.jpg,Les Saisies - Bizanne",
  87. "https://www.trinum.com/ibox/ftpcam/mega_val-d-arly_ban-rouge.jpg,Praz sur Arly - Ban Rouge",
  88. "https://www.trinum.com/ibox/ftpcam/mega_val-d-arly_cret-du-midi.jpg,Praz sur Arly - Crêt du Midi",
  89. "https://www.trinum.com/ibox/ftpcam/mega_val-d-arly_plan-des-fours.jpg,Praz sur Arly - Plan des Fours",
  90. "https://www.skaping.com/val-d-arly/mont-rond/panoramique/latest/hd,Notre-Dame de Bellecombe - Mont Rond",
  91. "https://www.skaping.com/crest-voland/le-cernix/latest/hd,Crest Voland - Lachat",
  92. "https://www.trinum.com/ibox/ftpcam/areches-beaufort_cuvy.jpg,Arêches - Cuvy",
  93. "https://www.trinum.com/ibox/ftpcam/mega_areches-beaufort_forclaz.jpg,Arêches - Tête Rouge",
  94. "https://www.trinum.com/ibox/ftpcam/mega_areches-beaufort_sommet-combettes.jpg,Arêches - Grande Combe",
  95. "https://www.trinum.com/ibox/ftpcam/mega_passy_plaine-joux.jpg,Passy - Plaine Joux",
  96. "https://www.trinum.com/ibox/ftpcam/mega_grand-massif_flaine-grandes-platieres.jpg,Flaine - Grandes Platières",
  97. "https://www.trinum.com/ibox/ftpcam/mega_grand-massif_aup-de-veran.jpg,Flaine - Aup de Véran",
  98. "https://www.trinum.com/ibox/ftpcam/mega_grand-massif_flaine-1600.jpg,Flaine - Station",
  99. "https://www.trinum.com/ibox/ftpcam/mega_lescarroz_front-de-neige.jpg,Les Carroz - Village",
  100. "https://www.trinum.com/ibox/ftpcam/mega_lescarroz_les-molliets-1500.jpg,Les Carroz - Molliets",
  101. "https://www.trinum.com/ibox/ftpcam/carroz.jpg,Les Carroz - Kédeusaz",
  102. "https://www.trinum.com/ibox/ftpcam/mega_lescarroz_oasis.jpg,Les Carroz - Oasis",
  103. "https://www.trinum.com/ibox/ftpcam/mega_lescarroz_pointe-de-cupoire.jpg,Les Carroz - Cupoire",
  104. "https://www.trinum.com/ibox/ftpcam/mega_lescarroz_tete-des-saix.jpg,Les Carroz - Tête des Saix",
  105. "https://www.trinum.com/ibox/ftpcam/mega_grand-massif_sairon.jpg,Morillon - Sairon",
  106. "https://www.trinum.com/ibox/ftpcam/mega_grand-massif_samoens-tete-des-saix.jpg,Samoëns - Tête des Saix",
  107. "https://www.trinum.com/ibox/ftpcam/mega_grand-massif_samoens-1600.jpg,Samoëns - Station",
  108. "https://www.trinum.com/ibox/ftpcam/mega_grand-massif_feulatiere.jpg,Sixt - Village",
  109. "https://www.trinum.com/ibox/ftpcam/mega_la-clusaz_balme.jpg,La Clusaz - Balme",
  110. "https://www.trinum.com/ibox/ftpcam/mega_la-clusaz_col-de-balme.jpg,La Clusaz - Col de Balme",
  111. "https://www.trinum.com/ibox/ftpcam/mega_la-clusaz_bergerie.jpg,La Clusaz - Bergerie",
  112. "https://www.trinum.com/ibox/ftpcam/mega_snow-park.jpg,La Clusaz - Pistes",
  113. "https://www.trinum.com/ibox/ftpcam/mega_la-clusaz_bossonnet.jpg,La Clusaz - Bossonnet",
  114. "https://www.trinum.com/ibox/ftpcam/mega_les-rhodos_col-des-aravis.jpg,La Clusaz - Col des Aravis",
  115. "https://www.trinum.com/ibox/ftpcam/mega_la-clusaz_massif-de-l-etale.jpg,La Clusaz - Etale",
  116. "https://www.trinum.com/ibox/ftpcam/mega_la-clusaz_beauregard.jpg,La Clusaz - Beauregard",
  117. "https://www.trinum.com/ibox/ftpcam/mega_cg74_plateau-des-glieres.jpg,Plateau des Glières - Parking",
  118. "https://www.trinum.com/ibox/ftpcam/mega_conseil-general-74_depart-des-pistes.jpg,Plateau des Glières - Pistes",
  119. "https://www.trinum.com/ibox/ftpcam/mega_semnoz_versant-annecy.jpg,Semnoz - Plateau"
  120. ];
  121.  
  122. // Construction de la page d'après la liste
  123. let description = document.getElementById("description");
  124. function loadImages() {
  125. const gallery = document.getElementById('gallery');
  126. imagesData.forEach(line => {
  127. if (line.trim()) {
  128. const [url, titleDescription] = line.split(',');
  129. const container = document.createElement('div');
  130. container.className = 'image-container';
  131. container.onclick = () => openModal(url, titleDescription);
  132. container.innerHTML = `
  133. <h2>${titleDescription || 'Image'}</h2>
  134. <a href=${url}>
  135. <img src="${url}" alt="${titleDescription || ''}">
  136. </a>
  137. `;
  138. gallery.appendChild(container);
  139. }
  140. });
  141. }
  142.  
  143. // Chargement des images lors du lancement
  144. document.addEventListener('DOMContentLoaded', loadImages);
  145. </script>
  146.  
  147. </body>
  148. </html>
  149.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!