Medium Zoom

A JavaScript library for zooming images like Medium

View on GitHub Read the article
Zoom with default options
Zoom with default options

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora praesentium cupiditate fugit voluptas, rem eligendi, voluptatem molestias pariatur atque amet, dicta, similique beatae optio quos! Hic necessitatibus dicta magni, tempore. Atque illo voluptatibus fugiat id pariatur cum quasi vel ut repellendus iure quaerat, doloremque sit voluptatum odio maiores provident consequuntur accusantium saepe.

Zoom with margin
Zoom with margin

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea dolores quaerat, quis modi nostrum sequi adipisci ratione esse blanditiis error beatae vel non vero dolor nemo. Animi nemo quisquam ducimus!

Zoom with background color
Zoom with background color

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos magnam illo, quam iusto, autem ratione commodi deleniti vero magni fuga consectetur expedita, voluptatum enim quidem? Rem, minima laboriosam hic! Id.

Zoom without scroll effect
Zoom without scroll offset

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cum nulla eligendi recusandae at quae odio, harum nesciunt ut temporibus vitae, laudantium minus. Iste officia aliquid, laborum ratione maxime beatae.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim asperiores totam fugiat repellendus laboriosam accusantium, possimus similique quos repellat molestias excepturi ad perspiciatis beatae! Qui repellat numquam incidunt, accusamus autem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti provident sunt recusandae enim commodi ab dolorem ipsum dolor magni reprehenderit accusantium quasi a autem neque asperiores, tenetur impedit repudiandae quos.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cum nulla eligendi recusandae at quae odio, harum nesciunt ut temporibus vitae, laudantium minus. Iste officia aliquid, laborum ratione maxime beatae, tenetur impedit repudiandae quos.

Zoom to trigger
Zoom triggered with another element

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti provident sunt recusandae enim commodi ab dolorem ipsum dolor magni reprehenderit accusantium quasi a autem neque asperiores, tenetur impedit repudiandae quos.

Zoom detached after being zoomed once
Zoom detached after having been zoomed once

History

Interactions with the images are logged here.