Fluffy/WebsiteArchive
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/Fluffys-website.git synced 2025-05-21 02:44:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

:3

Browse source
This commit is contained in:
Michał Gdula 2022-06-15 23:58:50 +01:00
parent 03c1d99567
commit a3d1ec57ce
33 changed files with 408 additions and 203 deletions
Download patch file Download diff file Expand all files Collapse all files

28
scripts/gallery.js Normal file
View file

@ -0,0 +1,28 @@
document.querySelectorAll(".gallery img").forEach(image =>{
image.onclick = () =>{
document.querySelector(".gallery-image").src = image.getAttribute("src");
}
});
const slider = document.querySelector(".gallery");
let isDown = false;
let startX;
let scrollLeft;
slider.addEventListener("mousedown", (e) => {
isDown = true;
startX = e.pageX - slider.offsetLeft;
scrollLeft = slider.scrollLeft;
});
slider.addEventListener("mouseleave", () => {
isDown = false;
});
slider.addEventListener("mouseup", () => {
isDown = false;
});
slider.addEventListener("mousemove", (e) => {
if (!isDown) return;
const x = e.pageX - slider.offsetLeft;
const walk = x - startX;
slider.scrollLeft = scrollLeft - walk;
});