update
This commit is contained in:
parent
5f58589713
commit
90d578cc36
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user