init

2024-04-22 19:28:46 +02:00
commit 3d6497479f
5 changed files with 82 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Image Slider Control</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="image-container" id="both-images">
+        <img src="image1.png" alt="Image 1" id="image1">
+        <img src="image2.png" alt="Image 2" id="image2">
+    </div>
+    <div class="slider-container">
+        <!-- Set the value to 0 if range is from -500 to 500 -->
+        <input type="range" id="upperSlider" min="-500" max="500" value="0">
+    </div>
+    <div class="slider-container">
+        <!-- Ensure lower slider starts at zero position -->
+        <input type="range" id="lowerSlider" min="-500" max="500" value="0">
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>