update step picture title upon thumb selection

Signed-off-by: Michel-FK <michel.stempin@funkey-project.com>
This commit is contained in:
Michel-FK 2021-01-30 17:49:50 +01:00
parent 5c32094ffc
commit 3c7d6683b8
2 changed files with 15 additions and 14 deletions

View File

@ -132,6 +132,7 @@ $(".step-thumb").on("mouseover", function() {
/* Set picture image source to the thumbnail image source */ /* Set picture image source to the thumbnail image source */
$(this).closest(".step").find(".step-picture").attr("src", $(this).attr("src")); $(this).closest(".step").find(".step-picture").attr("src", $(this).attr("src"));
$(this).closest(".step").find(".boxedThumb").attr("href", $(this).attr("src")); $(this).closest(".step").find(".boxedThumb").attr("href", $(this).attr("src"));
$(this).closest(".step").find(".boxedThumb").attr("title", $(this).attr("alt"));
/* Activate the corresponding thumbnail and deactivate all others */ /* Activate the corresponding thumbnail and deactivate all others */
$(this).addClass("active") $(this).addClass("active")

View File

@ -52,9 +52,9 @@ screwdriver (PH0)** and optionally some **tweezers**.
Please follow the steps below carefully: Please follow the steps below carefully:
### **STEP 1 - Removing the screws** {: .step-title} ### **STEP 1 - Removing the screws** {: .step-title}
![removeScrews](/assets/images/disassembly/IMG_8800.jpg){: .step-thumb} ![Before opening](/assets/images/disassembly/IMG_8800.jpg){: .step-thumb}
![removeScrews](/assets/images/disassembly/IMG_8801.jpg){: .step-thumb} ![Remove the screws](/assets/images/disassembly/IMG_8801.jpg){: .step-thumb}
![removeScrews](/assets/images/disassembly/IMG_8803.jpg){: .step-thumb} ![Screws removed](/assets/images/disassembly/IMG_8803.jpg){: .step-thumb}
Using a standard **Phillips PH0 screwdriver**, remove the 2 screws on Using a standard **Phillips PH0 screwdriver**, remove the 2 screws on
the back of your FunKey S. the back of your FunKey S.
@ -63,35 +63,35 @@ Be careful to use the correct screwdriver head size and type to
prevent damaging the screws (do not use JIS screwdrivers!). prevent damaging the screws (do not use JIS screwdrivers!).
### **STEP 2 - Opening up the console** {: .step-title} ### **STEP 2 - Opening up the console** {: .step-title}
![removeBack](/assets/images/disassembly/IMG_8848.jpg){: .step-thumb} ![Pull up hinge first](/assets/images/disassembly/IMG_8848.jpg){: .step-thumb}
![removeBack](/assets/images/disassembly/IMG_8844.jpg){: .step-thumb} ![Pull up the plastic buttons](/assets/images/disassembly/IMG_8844.jpg){: .step-thumb}
![removeBack](/assets/images/disassembly/IMG_8813.jpg){: .step-thumb} ![Console opened](/assets/images/disassembly/IMG_8813.jpg){: .step-thumb}
Carefully remove: Carefully remove:
1. The plastic back of the console by pulling up the hinge side first 1. The plastic back of the console by pulling up the hinge side first
2. The keychain lanyard and axis
3. The L/R plastic buttons by gently pulling them up out of their axis 3. The L/R plastic buttons by gently pulling them up out of their axis
2. The keychain lanyard and axis
!!! warning !!! warning
Be careful not to damage the L/R switches on the circuit board! Be careful not to damage the L/R switches on the circuit board!
### **STEP 3 - Exposing the circuit board** {: .step-title} ### **STEP 3 - Exposing the circuit board** {: .step-title}
![removeBattery](/assets/images/disassembly/IMG_8818.jpg){: .step-thumb} ![Lift the battery](/assets/images/disassembly/IMG_8818.jpg){: .step-thumb}
![removeBattery](/assets/images/disassembly/IMG_8822.jpg){: .step-thumb} ![Get the battery out of the way](/assets/images/disassembly/IMG_8822.jpg){: .step-thumb}
Lift the battery (but leave it connected) to expose the circuit board. Lift the battery (but leave it connected) to expose the circuit board.
### **STEP 4 - Accessing the SD card** {: .step-title} ### **STEP 4 - Accessing the SD card** {: .step-title}
![pullPCB](/assets/images/disassembly/IMG_8833.jpg){: .step-thumb} ![pull PCB by its micr-SUB port](/assets/images/disassembly/IMG_8833.jpg){: .step-thumb}
By grabbing it **by the micro-USB port**, gently pull up the circuit By grabbing it **by the micro-USB port**, gently pull up the circuit
board until you have access to the SD card. board until you have access to the SD card.
### **STEP 5 - Switching SD cards** {: .step-title} ### **STEP 5 - Switching SD cards** {: .step-title}
![removeSD](/assets/images/disassembly/IMG_8835.jpg){: .step-thumb} ![remove the micro-SD](/assets/images/disassembly/IMG_8835.jpg){: .step-thumb}
![removeSD](/assets/images/disassembly/IMG_8836.jpg){: .step-thumb} ![insert the new micro-SD](/assets/images/disassembly/IMG_8836.jpg){: .step-thumb}
You can now remove the old micro-SD card from its socket and insert You can now remove the old micro-SD card from its socket and insert
the new one (previously flashed as described [in the 1st part of this the new one (previously flashed as described [in the 1st part of this
@ -104,8 +104,8 @@ tutorial][3]).
strongly inserted to prevent loose connections. strongly inserted to prevent loose connections.
### **STEP 6 - Reassembly** {: .step-title} ### **STEP 6 - Reassembly** {: .step-title}
![checkSpeaker](/assets/images/disassembly/IMG_8865_YES.jpg){: .step-thumb} ![Insert speaker first](/assets/images/disassembly/IMG_8865_YES.jpg){: .step-thumb}
![checkSpeaker](/assets/images/disassembly/IMG_8862_NO.jpg){: .step-thumb} ![Do not insert hinge first](/assets/images/disassembly/IMG_8862_NO.jpg){: .step-thumb}
Insert first the speaker into its location in the casing before Insert first the speaker into its location in the casing before
putting the circuit board back in the case, like in the pictures. putting the circuit board back in the case, like in the pictures.