
Trærne får førsteplass i den nye gateplanen
Skygge og plass til røtter setter premissene når demobyen tegner om gatene. I nabolaget deles en lastesykkel, mens nye matgründere prøver seg på torget.

Skygge og plass til røtter setter premissene når demobyen tegner om gatene. I nabolaget deles en lastesykkel, mens nye matgründere prøver seg på torget.

Tett skodde, vegarbeid og uventa gjester i vegkanten sette sitt preg på morgontrafikken gjennom Os.

The proposal is designed to make a complex system easier to understand and use. This fictional local report is structured for realistic product testing.

Early results are encouraging, while independent reviewers say the next phase will be decisive. This fictional local report is structured for realistic product testing.
Ten source image sizes, caption and crop cases, and eleven galleries including video for testing media enlargement across desktop and mobile.

A repeatable demo for checking image enlargement, gallery navigation, captions, keyboard focus and scroll restoration. All images reuse existing Sanity assets. Dimensions below describe the original asset, not the size displayed on screen.
Start with the main image above. Then compare the individual images and galleries below at desktop and mobile widths. Open by click, Enter or Space; use Escape to close. Check that the image and caption finish moving together and that the page returns to the same position.












This uses the same large source as case 3 with an authored crop and an off-center hotspot. Compare the inline and enlarged framing.

Open a gallery from its first, middle and last image. Use arrows or swipe, check looping and the counter, then close and confirm that the inline carousel shows the same selected slide. Gallery framing follows its configured aspect ratio; the underlying source dimensions deliberately vary.
Slides: 1. Frame: 16:9. Uses the global Enable Media Lightbox setting.

Gallery 1, slide 1/1. Large landscape photo — original 4240 × 2832 px. Source: DSC06308.JPG.
1/1
Slides: 2. Frame: 16:9. Uses the global Enable Media Lightbox setting.


Gallery 2, slide 1/2. Small landscape — original 493 × 240 px. Source: ilya-kafe-og-restaurant.webp.
1/2
Slides: 3. Frame: 16:9. Uses the global Enable Media Lightbox setting.



Gallery 3, slide 1/3. Portrait photo — original 720 × 960 px. Source: betonggulv-69615_n.jpg.
1/3
Slides: 5. Frame: 3:2. Uses the global Enable Media Lightbox setting.





Gallery 4, slide 1/5. Small portrait — original 400 × 535 px. Source: os-kranservice-as.png.
1/5
Slides: 10. Frame: 4:3. Uses the global Enable Media Lightbox setting.










Gallery 5, slide 1/10. Small landscape — original 493 × 240 px. Source: ilya-kafe-og-restaurant.webp.
1/10
Slides: 3. Frame: 1:1. Uses the global Enable Media Lightbox setting.



Gallery 6, slide 1/3. Large landscape photo — original 4240 × 2832 px. Source: DSC06308.JPG.
1/3
Slides: 3. Frame: 3:4. Uses the global Enable Media Lightbox setting.



Gallery 7, slide 1/3. Small landscape — original 493 × 240 px. Source: ilya-kafe-og-restaurant.webp.
1/3
Slides: 3. Frame: 9:16. Uses the global Enable Media Lightbox setting.



Gallery 8, slide 1/3. Wide panorama — original 2866 × 1220 px. Source: Os_Knuseverk2_.png.
1/3
Slides: 3. Frame: unset (16:9 fallback). Uses the global Enable Media Lightbox setting.



Gallery 9, slide 1/3. Large landscape photo — original 4240 × 2832 px. Source: DSC06308.JPG.
1/3
Slides: 2. Frame: 16:9. Uses the global Enable Media Lightbox setting, like every other gallery.


Gallery 10, slide 1/2. Square food photo — original 1200 × 1200 px. Source: carbonara.jpg.
1/2
Three slides: landscape image, Mux sample video, portrait image. Click the first image to open the lightbox, then move to the video and press Play. Move to the next image or close the lightbox to check that playback stops. You can also play the video directly in the inline gallery.


Gallery 11, slide 1/3. Landscape image before the video.
1/3
Check opening and closing again after scrolling this far down. Focus should return to the image trigger, the background should unlock, and the page should remain at the same scroll position.