This commit is contained in:
Adam Šrámek 2024-06-06 09:10:12 +02:00
parent 5f58589713
commit 90d578cc36
5 changed files with 21 additions and 21 deletions

@ -1,11 +1,8 @@
<script>
// Function to handle download
function handleDownload() {
// Get the download link element
var downloadLink = document.getElementById('download-link');
// Get the image source URL
var imageUrl = downloadLink.querySelector('img').src;
// Set the download link href to the image source URL
downloadLink.href = imageUrl;
}

@ -1,12 +1,9 @@
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('login-form').addEventListener('submit', function(event) {
event.preventDefault();
// Get values from the form
var username = document.getElementById('login-username').value;
var password = document.getElementById('login-password').value;
// Here you would perform login authentication, for demonstration purposes let's just log the values
console.log('Username:', username);
console.log('Password:', password);
// Redirect to dashboard or perform further actions
});
}, false);

@ -1,38 +1,42 @@
<div class="gallery">
<div class="gallery-item">
<img src="path/to/image1.jpg" alt="Image 1">
<button onclick="downloadImage('path/to/image1.jpg')">Download</button>
<button onclick="StiahnuťImage('path/to/image1.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 2">
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 2">
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 2">
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
<img src="path/to/image2.jpg" alt="Image 3">
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 2">
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
<img src="path/to/image2.jpg" alt="Image 4">
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 2">
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
<img src="path/to/image2.jpg" alt="Image 5">
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 2">
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
<img src="path/to/image2.jpg" alt="Image 6">
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 2">
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
<img src="path/to/image2.jpg" alt="Image 7">
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 2">
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
<img src="path/to/image2.jpg" alt="Image 8">
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
<div class="gallery-item">
<img src="path/to/image2.jpg" alt="Image 9">
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
</div>
</div>

@ -6,6 +6,7 @@ body {
height: 100vh;
margin: 0;
background-color: #f0f0f0;
background-image: url(https://cavegeekart.com/wp-content/uploads/2023/03/The-Witcher-3-World-Map-Giclee-Reproduction-scaled.jpg.webp);
}
.gallery {

@ -10,6 +10,7 @@
<li><a href="/?Login" class="Login">Login</a></li>
<li><a href="/?Table">Table</a></li>
<li><a href="/?Quiz">Quíz</a></li>
<li><a href="/?galeria">Gallery</a></li>
</div>
<div id="toggle_btn">
<i id="toggle_btn_icon" class="fa-solid fa-bars"></i>