A simple, responsive web viewer for displaying multiple panoramic images with smooth continuous scrolling.

1. Add your panoramic images to the images/ folder as 1.png, 2.jpg, 3.png, etc.
2. Open index.html in a web browser
3. Navigate using arrow keys, mouse wheel, drag, or swipe
4. Right-click (desktop) to activate magnifying glass

Note: Supports .png, .jpg, and .jpeg formats. Images are auto-detected by number.

• Automatic image detection from images/ folder
• Smooth continuous scrolling - pixel-perfect navigation optimized for all browsers
• Individual end-frames after each image
• Magnifying glass (desktop) - right-click for 2.5x magnified view
• Zoom controls (mobile) - touch-friendly +/- buttons
• Loading indicator - smooth animated spinner while images load
• Responsive design - works on desktop and mobile
• Multiple input methods - keyboard, mouse wheel, drag, touch
• Progress indicator - shows percentage through current image

saiku/
├── index.html
├── style.css
├── script.js
└── images/
    ├── 1.png
    ├── 2.png
    └── ...

Simply add sequentially numbered image files (1.png, 2.jpg, 3.jpeg, etc.) to the images/ folder. The viewer will automatically discover and display them. Supports PNG, JPG, and JPEG formats.

• End-frame content: Edit endframes.json to customize titles, links, colors, and positioning
• When end-frames appear: Set after_images in endframes.json (e.g., [1, 3, 5] shows after images 1, 3, and 5)
• Styling: Modify global styles in style.css or per-endframe styles in endframes.json

Requires a modern browser with ES6 support (Chrome, Safari, Firefox, Edge).

For detailed documentation, see CLAUDE.md