Camera module

Watch the tutorial on YouTube

Replacement instructions

8 min
Moderate

Requirements:

A soft underground
– You could use a towel
A container to put the screws in
– Make sure you don’t lose the screws
Camera module
Screwdriver
Spudger (or a similar plastic tool)

Put the laptop upside down on a soft underground.

This is needed to prevent scratches on the laptop’s screen lid. Then, remove all the screws with the screwdriver.

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

Gently apply pressure to the hinge. Do this on both sides. You can then carefully remove the bottom case entirely.

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

Make sure you will do it with your index finger and your thumb.

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

Please do it carefully, do not apply excessive force to the screen

Make sure you will do it with two fingers and an opening tool

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

Unclip the opening of the blue cable and detach the camera module from the circle.

Take the new camera module, click the blue cable at the top and put the black one at the bottom.

Secure the camera module and attach the front cover over it. Ensure that the front cover is securely fastened. Also make sure you re connect the camera module cable

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

Thereafter place it carefully back in the connection

Ensure that you stick the adhesive tape securely over it so that the module cannot move.

Install the bottom case by placing it back in the right position.

Gently press the part on all sides.

Make sure that the bottom case fits snugly everywhere.

Use the screwdriver to install the screws back in place.

This was the final step, you are ready to 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);
}
});