Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
01.jpg
01_small.jpg
02.jpg
02_small.jpg
03.jpg
03_small.jpg
04.jpg
04_small.jpg
05.jpg
05_small.jpg
06.jpg
06_small.jpg
README.md
index.css
index.html
index.js

README.md

A demo of an image gallery with transitions using prepareImageAnimation. A single image is used for the larger state, with the srcset switched out when the image animation has completed.

The smaller images use a smaller sizes attribute, resulting in a lower resolution image. When you click on one of the smaller images, the larger version is preloaded while the transition is in process. Once the transition is complete, the larger sizes attribute is applied. As a result, the browser will update the <img> once the larger src is finished downloading.

You can’t perform that action at this time.