reference lightbox images with alt tag

Signed-off-by: Michel-FK <michel.stempin@funkey-project.com>
This commit is contained in:
Michel-FK
2021-01-23 19:23:15 +01:00
parent f14ab87c84
commit 59d4c55298
7 changed files with 99 additions and 99 deletions

View File

@@ -29,12 +29,12 @@ display aspect ratio:
- Use the **LEFT** and **RIGHT** keys to change the aspect ratio
| **Display** | **Aspect Ratio** |
|:---------------------------------------------------------------------------:|:-----------------------------------------------------------------------------------------------------------------------------|
| ![Menu Stretched](/assets/images/Menu_Stretched.png){: .lightbox tag=1} | Stretched (default): The display is stretched horizontally and vertically to fill the screen in both directions |
| ![Menu Cropped](/assets/images/Menu_Cropped.png){: .lightbox tag=2} | Cropped (Zoom 100%), The display fills the screen vertically, and is clipped vertically to the left and right of the screen |
| ![Menu Scaled](/assets/images/Menu_Scaled.png){: .lightbox tag=3} | Scaled (Zoom 0%): The display is scaled down in both directions to be fully visible, both horizontally and vertically |
| ![Menu Manual Zoom](/assets/images/Menu_Manual_Zoom.png){: .lightbox tag=4} | Manual zoom: The display is zoomed in/out manually |
| **Display** | **Aspect Ratio** |
|:---------------------------------------------------------------------:|:-----------------------------------------------------------------------------------------------------------------------------|
| ![Menu Stretched](/assets/images/Menu_Stretched.png){: .lightbox} | Stretched (default): The display is stretched horizontally and vertically to fill the screen in both directions |
| ![Menu Cropped](/assets/images/Menu_Cropped.png){: .lightbox} | Cropped (Zoom 100%), The display fills the screen vertically, and is clipped vertically to the left and right of the screen |
| ![Menu Scaled](/assets/images/Menu_Scaled.png){: .lightbox} | Scaled (Zoom 0%): The display is scaled down in both directions to be fully visible, both horizontally and vertically |
| ![Menu Manual Zoom](/assets/images/Menu_Manual_Zoom.png){: .lightbox} | Manual zoom: The display is zoomed in/out manually |
- Press the **MENU** key again to exit from the FunKey menu
@@ -42,22 +42,22 @@ display aspect ratio:
Here is a short preview of what the different aspect ratios look like:
| **Display** | **Aspect Ratio** |
|:--------------------------------------------------------------:|:-----------------------------------------------------------------------------------------------------------------------------------|
| ![Stretched](/assets/images/Stretched.png){: .lightbox tag=5} | Stretched (default): The display is stretched horizontally and vertically to fill the screen in both directions |
| ![Cropped](/assets/images/Cropped.png){: .lightbox tag=6} | Cropped (Zoom 100%): The display fills the screen vertically, and is clipped vertically to the left and right of the screen |
| ![Scaled](/assets/images/Scaled.png){: .lightbox tag=7} | Scaled (Zoom 0%): The display is scaled down in both directions to be fully visible, both horizontally and vertically |
| ![Scaled](/assets/images/Scaled.png){: .lightbox tag=8} | Manual zoom 0% (Scaled): The display is scaled down in both directions to be fully visible, both horizontally and vertically |
| ![Zoom 10%](/assets/images/Zoom10.png){: .lightbox tag=9} | Manual zoom 10% |
| ![Zoom 20%](/assets/images/Zoom20.png){: .lightbox tag=10} | Manual zoom 20% |
| ![Zoom 30%](/assets/images/Zoom30.png){: .lightbox tag=11} | Manual zoom 30% |
| ![Zoom 40%](/assets/images/Zoom40.png){: .lightbox tag=12} | Manual zoom 40% |
| ![Zoom 50%](/assets/images/Zoom50.png){: .lightbox tag=13} | Manual zoom 50% (default zoom level) |
| ![Zoom 60%](/assets/images/Zoom60.png){: .lightbox tag=14} | Manual zoom 60% |
| ![Zoom 70%](/assets/images/Zoom70.png){: .lightbox tag=15} | Manual zoom 70% |
| ![Zoom 80%](/assets/images/Zoom80.png){: .lightbox tag=16} | Manual zoom 80% |
| ![Zoom 90%](/assets/images/Zoom90.png){: .lightbox tag=17} | Manual zoom 90% |
| ![Cropped](/assets/images/Cropped.png){: .lightbox tag=18} | Manual zoom 100% (Cropped): The display fills the screen vertically, and is clipped vertically to the left and right of the screen |
| **Display** | **Aspect Ratio** |
|:-------------------------------------------------------:|:-----------------------------------------------------------------------------------------------------------------------------------|
| ![Stretched](/assets/images/Stretched.png){: .lightbox} | Stretched (default): The display is stretched horizontally and vertically to fill the screen in both directions |
| ![Cropped](/assets/images/Cropped.png){: .lightbox} | Cropped (Zoom 100%): The display fills the screen vertically, and is clipped vertically to the left and right of the screen |
| ![Scaled](/assets/images/Scaled.png){: .lightbox} | Scaled (Zoom 0%): The display is scaled down in both directions to be fully visible, both horizontally and vertically |
| ![Scaled](/assets/images/Scaled.png){: .lightbox} | Manual zoom 0% (Scaled): The display is scaled down in both directions to be fully visible, both horizontally and vertically |
| ![Zoom 10%](/assets/images/Zoom10.png){: .lightbox} | Manual zoom 10% |
| ![Zoom 20%](/assets/images/Zoom20.png){: .lightbox} | Manual zoom 20% |
| ![Zoom 30%](/assets/images/Zoom30.png){: .lightbox} | Manual zoom 30% |
| ![Zoom 40%](/assets/images/Zoom40.png){: .lightbox} | Manual zoom 40% |
| ![Zoom 50%](/assets/images/Zoom50.png){: .lightbox} | Manual zoom 50% (default zoom level) |
| ![Zoom 60%](/assets/images/Zoom60.png){: .lightbox} | Manual zoom 60% |
| ![Zoom 70%](/assets/images/Zoom70.png){: .lightbox} | Manual zoom 70% |
| ![Zoom 80%](/assets/images/Zoom80.png){: .lightbox} | Manual zoom 80% |
| ![Zoom 90%](/assets/images/Zoom90.png){: .lightbox} | Manual zoom 90% |
| ![Cropped](/assets/images/Cropped.png){: .lightbox} | Manual zoom 100% (Cropped): The display fills the screen vertically, and is clipped vertically to the left and right of the screen |
--8<--
includes/glossary.md