VESA mount for the NUC Box

Voir le tutoriel sur YouTube

Instructions de remplacement

5 min
Très facile

Éléments nécessaires :

Une surface douce
– Par exemple, vous pouvez utiliser une serviette
Un récipient pour les vis
– Assurez-vous de ne perdre aucune vis
Support VESA pour le boîtier NUC
Tournevis

Étape 1 : Insérer les vis du support VESA
Placez la NUC Box à l’envers sur une surface douce.

Cela évite les rayures sur la NUC Box.

Serrez les deux vis centrales de la NUC Box à mi-course et assurez-vous qu’elles soient bien fixées.

Étape 2 : Fixer le support VESA à l’écran
Sortez le support VESA de la boîte de la NUC Box.

Placez le support VESA à l’emplacement prévu à cet effet.

Vissez le support VESA à quatre endroits.

Étape 3 : Fixer la NUC Box
Fixez la NUC Box à l’arrière de l’écran.

Vérifiez que la NUC Box est bien fixée.

Connectez les câbles nécessaires.

×
❮

❯

.image-container {
}

.zoom-image, .aligncenter.size-large {
}

.zoom-image:hover {
}

.zoomoverlay {
display: none;
position: fixed;
transition: opacity 0.3s ease !important; /* Fade effect */
}

.zoomoverlay.show {
display: flex; /* Make it a flex container when shown */
opacity: 1; /* Fully visible */
}

.zoomoverlay img {
}

#close {
position: absolute;
top: 20px;
}
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.3);
font-size: 24px;
transition: background-color 0.3s ease;
z-index: 11;
}

.nav-btn:hover {
background-color: rgba(255, 255, 255, 0.6);
}

.prev-btn {
left: 20px;
}

.next-btn {
right: 20px;
}

document.addEventListener('DOMContentLoaded', function() {
const parentDiv = document.getElementsByClassName('repair-badges')[0].parentElement;
const images = parentDiv.querySelectorAll('img[src$=".png"]');
let imageArray = []; // Array om alle afbeeldingen op te slaan
let currentImageIndex = 0; // Huidige afbeelding bijhouden

images.forEach((image, index) => {
// Check if the image is inside an anchor tag and skip if it is
if (image.parentElement.tagName.toLowerCase() === 'a') {
return; // Skip this image
}

image.classList.add('zoom-image'); // Add the zoom class
imageArray.push(image); // Voeg toe aan array

image.addEventListener('click', function() {
currentImageIndex = imageArray.indexOf(this); // Stel huidige index in
showImage(this.src);
});
});

function showImage(src) {
const overlay = document.getElementById('zoomoverlay');
const enlargedImage = document.getElementById('enlargedImage');
let originalSrc = src;

// Check for the '300x' in the filename
if (originalSrc.includes('300x')) {
const lastDashIndex = originalSrc.lastIndexOf('-');
if (lastDashIndex !== -1) {
originalSrc = originalSrc.substring(0, lastDashIndex) + '.png';
}
}

enlargedImage.src = originalSrc;

// Show the overlay with fade-in
overlay.style.display = 'flex';
setTimeout(() => {
overlay.classList.add('show');
}, 10);
}

function navigateImage(direction) {
if (imageArray.length === 0) return;

if (direction === 'next') {
currentImageIndex = (currentImageIndex + 1) % imageArray.length;
} else if (direction === 'prev') {
currentImageIndex = (currentImageIndex - 1 + imageArray.length) % imageArray.length;
}

showImage(imageArray[currentImageIndex].src);
}

document.getElementById('close').addEventListener('click', closeOverlay);
document.getElementById('prevBtn').addEventListener('click', () => navigateImage('prev'));
document.getElementById('nextBtn').addEventListener('click', () => navigateImage('next'));

// Close overlay if clicking elsewhere on the overlay
document.getElementById('zoomoverlay').addEventListener('click', function(e) {
if (e.target !== this && !e.target.classList.contains('nav-btn')) return;
closeOverlay();
});

// Keyboard navigation
document.addEventListener('keydown', function(event) {
const overlay = document.getElementById('zoomoverlay');
if (!overlay.classList.contains('show')) return; // Alleen actief als modal zichtbaar is

if (event.key === 'Escape') {
closeOverlay();
} else if (event.key === 'ArrowRight') {
navigateImage('next');
} else if (event.key === 'ArrowLeft') {
navigateImage('prev');
}
});

function closeOverlay() {
const overlay = document.getElementById('zoomoverlay');
overlay.classList.remove('show');

setTimeout(() => {
overlay.style.display = 'none';
}, 300);
}
});