update
This commit is contained in:
parent
5f58589713
commit
90d578cc36
@ -1,11 +1,8 @@
|
|||||||
<script>
|
<script>
|
||||||
// Function to handle download
|
// Function to handle download
|
||||||
function handleDownload() {
|
function handleDownload() {
|
||||||
// Get the download link element
|
|
||||||
var downloadLink = document.getElementById('download-link');
|
var downloadLink = document.getElementById('download-link');
|
||||||
// Get the image source URL
|
|
||||||
var imageUrl = downloadLink.querySelector('img').src;
|
var imageUrl = downloadLink.querySelector('img').src;
|
||||||
// Set the download link href to the image source URL
|
|
||||||
downloadLink.href = imageUrl;
|
downloadLink.href = imageUrl;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,12 +1,9 @@
|
|||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
document.getElementById('login-form').addEventListener('submit', function(event) {
|
document.getElementById('login-form').addEventListener('submit', function(event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
// Get values from the form
|
|
||||||
var username = document.getElementById('login-username').value;
|
var username = document.getElementById('login-username').value;
|
||||||
var password = document.getElementById('login-password').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('Username:', username);
|
||||||
console.log('Password:', password);
|
console.log('Password:', password);
|
||||||
// Redirect to dashboard or perform further actions
|
|
||||||
});
|
});
|
||||||
}, false);
|
}, false);
|
@ -1,38 +1,42 @@
|
|||||||
<div class="gallery">
|
<div class="gallery">
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image1.jpg" alt="Image 1">
|
<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>
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image2.jpg" alt="Image 2">
|
<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>
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image2.jpg" alt="Image 2">
|
<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>
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image2.jpg" alt="Image 2">
|
<img src="path/to/image2.jpg" alt="Image 3">
|
||||||
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
|
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image2.jpg" alt="Image 2">
|
<img src="path/to/image2.jpg" alt="Image 4">
|
||||||
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
|
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image2.jpg" alt="Image 2">
|
<img src="path/to/image2.jpg" alt="Image 5">
|
||||||
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
|
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image2.jpg" alt="Image 2">
|
<img src="path/to/image2.jpg" alt="Image 6">
|
||||||
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
|
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image2.jpg" alt="Image 2">
|
<img src="path/to/image2.jpg" alt="Image 7">
|
||||||
<button onclick="downloadImage('path/to/image2.jpg')">Download</button>
|
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="gallery-item">
|
<div class="gallery-item">
|
||||||
<img src="path/to/image2.jpg" alt="Image 2">
|
<img src="path/to/image2.jpg" alt="Image 8">
|
||||||
<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 9">
|
||||||
|
<button onclick="StiahnuťImage('path/to/image2.jpg')">Stiahnuť</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
@ -6,6 +6,7 @@ body {
|
|||||||
height: 100vh;
|
height: 100vh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background-color: #f0f0f0;
|
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 {
|
.gallery {
|
||||||
|
@ -10,6 +10,7 @@
|
|||||||
<li><a href="/?Login" class="Login">Login</a></li>
|
<li><a href="/?Login" class="Login">Login</a></li>
|
||||||
<li><a href="/?Table">Table</a></li>
|
<li><a href="/?Table">Table</a></li>
|
||||||
<li><a href="/?Quiz">Quíz</a></li>
|
<li><a href="/?Quiz">Quíz</a></li>
|
||||||
|
<li><a href="/?galeria">Gallery</a></li>
|
||||||
</div>
|
</div>
|
||||||
<div id="toggle_btn">
|
<div id="toggle_btn">
|
||||||
<i id="toggle_btn_icon" class="fa-solid fa-bars"></i>
|
<i id="toggle_btn_icon" class="fa-solid fa-bars"></i>
|
||||||
|
Loading…
Reference in New Issue
Block a user