Camera module

Watch the tutorial on YouTube

Replacement Instructions

8 minutes
Moderate

Required tools:

A soft surface
– For example, you can use a towel
A container to store the screws
– Make sure you don’t lose any screws
Camera module
Screwdriver
Spudger (or a similar plastic tool)

Place the laptop upside down on a soft surface.

This is necessary to avoid scratching the lid of the laptop screen. Then remove all screws using the screwdriver.

Take the spudger and place it between the bottom case and the hinge.

Gently press against the hinge. Do this on both sides. You can then carefully remove the entire bottom case.

Disconnecting the camera module cable is simple. You can easily lift it up.

Make sure to do this using your index finger and thumb.

Also make sure to firmly secure the camera module to the motherboard with the tape over it.

Do this carefully and avoid applying excessive pressure on the screen.

Make sure to use two fingers and an opening tool.

Use the opening tool to gently pry it open and slide it left and right to loosen it.

Unlock the blue cable latch and disconnect the camera module from the circular mount.

Take the new camera module, connect the blue cable at the top and place the black part at the bottom.

Secure the camera module and place the front panel back on. Make sure the front panel is properly attached. Don’t forget to reconnect the camera module cable.

Reconnecting the camera module is simple. Hold the cable in your hand.

Then carefully insert it back into the connector.

Make sure to firmly apply the tape over the cable so the module cannot move.

Place the bottom case back in the correct position.

Gently press down on all sides.

Make sure the bottom case fits snugly all around.

Use the screwdriver to reinsert the screws.

This was the final step — you can now use your laptop again.

Well done!

×
❮

❯

.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);
}
});