JS Practice

\n\n \n

1 / 3

Mountain Ocean

\n\n

2 / 3

Grassy Highlands

\n\n

3 / 3

Mountain Range

\n\n \n ❮\n ❯\n

\n
\n\n\n

\n \n \n \n

\n \n","deleted","label","children",[],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":189,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_182":192,"_102":193},"5475e04a-2854-11f1-a68e-42dde27851f2","main.ts",1,["D",1774447808408],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":198,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_182":202,"_102":203},"1cd44256-291e-11f1-b4c8-42dde27851f2","script.js","019d2554-cfbd-713d-8efd-03ad16be5783",["D",1774534473445],10,"script","let slideIndex = 0;\nshowSlides();\n\nfunction showSlides() {\n let i;\n let slides = document.getElementsByClassName(\"mySlides\");\n for (i = 0; i < slides.length; i++) {\n slides[i].style.display = \"none\";\n }\n slideIndex++;\n if (slideIndex > slides.length) slideIndex = 1;\n slides[slideIndex - 1].style.display = \"block\";\n setTimeout(showSlides, 5000); // Change image every 2 seconds\n}",[],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":209,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_182":211,"_102":212},"8d1557be-2854-11f1-b45e-42dde27851f2","style.css","019d2554-cfbd-713d-8efd-05ed5756c388",3,["D",1774447903435],"* {\n box-sizing: border-box;\n}\n\n/* Slideshow container */\n.slideshow-container {\n max-width: 1000px;\n position: relative;\n margin: auto;\n}\n\n/* Hide the images by default */\n.mySlides {\n display: none;\n}\n\n/* Next & previous buttons */\n.prev, .next {\n cursor: pointer;\n position: absolute;\n top: 50%;\n width: auto;\n margin-top: -22px;\n padding: 16px;\n color: white;\n font-weight: bold;\n font-size: 18px;\n transition: 0.6s ease;\n border-radius: 0 3px 3px 0;\n user-select: none;\n}\n\n/* Position the \"next button\" to the right */\n.next {\n right: 0;\n border-radius: 3px 0 0 3px;\n}\n\n/* On hover, add a black background color with a little bit see-through */\n.prev:hover, .next:hover {\n background-color: rgba(0, 0, 0, 0.8);\n}\n\n/* Caption text */\n.text {\n color: #f2f2f2;\n font-size: 15px;\n padding: 8px 12px;\n position: absolute;\n bottom: 8px;\n width: 100%;\n text-align: center;\n}\n\n/* Number text (1/3 etc) */\n.numbertext {\n color: #f2f2f2;\n font-size: 12px;\n padding: 8px 12px;\n position: absolute;\n top: 0;\n}\n\n/* The dots/bullets/indicators */\n.dot {\n cursor: pointer;\n height: 15px;\n width: 15px;\n margin: 0 2px;\n background-color: #bbb;\n border-radius: 50%;\n display: inline-block;\n transition: background-color 0.6s ease;\n}\n\n.active, .dot:hover {\n background-color: #717171;\n}\n\n/* Fading animation */\n.fade {\n animation-name: fade;\n animation-duration: 1.5s;\n}\n\n@keyframes fade {\n from {\n opacity: 0.4;\n }\n to {\n opacity: 1;\n }\n}",[],[206],"files",[164,185,194,204],"counts",{"_217":33,"_218":188,"_219":33,"_220":221,"_224":225},"pulls","branches","forks","envVars",{"_222":33,"_223":33},"count","emptyCount","connections",{"_222":33,"_226":33},"unfilledCount","contents",[229,232,235,238],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":230,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_102":231},["D",1774448289948],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":233,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_102":234},["D",1774447808408],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":236,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_102":237},["D",1774534473445],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":239,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_102":240},["D",1774447903435],[206],"upstreamProject",{"_106":157,"_99":243,"_114":115,"_116":-5,"_112":113,"_23":244},"html-css-js-template2",{"_97":98,"_139":140},"upstreamBranch",{"_106":152,"_108":247,"_248":249,"_99":45,"_150":157,"_103":154,"_151":250,"_153":251,"_252":253,"_110":-5,"_161":22,"_112":113,"_160":98,"_16":125,"_159":243},["D",1773842904467],"updatedAt",["D",1773931807234],"70f419a8-ea65-11f0-9dd5-42dde27851f2",230,"lockfileKey","1773931807448-esm.town_v_sammyk1234_html-css-js-template2@94-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_97":98,"_99":100,"_101":-7,"_103":-7,"_104":260,"_227":265,"_278":-7,"_279":280,"_283":-5,"_213":284,"_301":289,"_302":303,"_304":33,"_305":22,"_306":22},{"_106":107,"_99":100,"_108":261,"_110":-5,"_111":22,"_112":113,"_114":115,"_116":-5,"_14":117,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":33,"_16":125,"_126":-5,"_127":-5,"_128":-5,"_129":130,"_131":130,"_132":133,"_134":133,"_135":133,"_136":130,"_137":130,"_23":262,"_141":263,"_146":264,"_161":22},["D",1774447808408],{"_97":98,"_139":140},{"_97":98,"_143":140,"_14":117,"_144":145},{"_103":148,"_99":45,"_106":149,"_150":107,"_151":152,"_153":154,"_155":113,"_156":157,"_158":125,"_159":100,"_160":98},[266,269,272,275],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":267,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_102":268},["D",1774448289948],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":270,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_102":271},["D",1774447808408],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":273,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_102":274},["D",1774534473445],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":276,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_102":277},["D",1774447903435],[206],"readme","upstream",{"_106":152,"_108":281,"_248":282,"_99":45,"_150":157,"_103":154,"_151":250,"_153":251,"_252":253,"_110":-5,"_161":22,"_112":113,"_160":98,"_16":125,"_159":243},["D",1773842904467],["D",1773931807234],"pull",[285,289,293,297],{"_106":165,"_99":166,"_167":168,"_169":-5,"_170":149,"_171":172,"_173":121,"_108":286,"_103":175,"_176":177,"_178":179,"_180":22,"_181":-5,"_182":287,"_102":288},["D",1774448289948],[],[166],{"_106":186,"_99":187,"_167":119,"_169":-5,"_170":149,"_171":188,"_173":121,"_108":290,"_103":33,"_176":190,"_178":191,"_180":22,"_181":-5,"_182":291,"_102":292},["D",1774447808408],[],[187],{"_106":195,"_99":196,"_167":197,"_169":-5,"_170":149,"_171":148,"_173":121,"_108":294,"_103":199,"_176":200,"_178":201,"_180":22,"_181":-5,"_182":295,"_102":296},["D",1774534473445],[],[196],{"_106":205,"_99":206,"_167":207,"_169":-5,"_170":149,"_171":208,"_173":121,"_108":298,"_103":188,"_176":177,"_178":210,"_180":22,"_181":-5,"_182":299,"_102":300},["D",1774447903435],[],[206],"preview","ahead",13,"behind","showHomeCustomizationHint","showHTTPPreviewSettingsHint","actionData","errors"]

sammyk1234

html-css-js-Slideshow