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 amet, consectetur adipisicing elit. Tempora praesentium cupiditate fugit voluptas, eligendi, voluptatem molestias pariatur atque amet, dicta, similique beatae optio quos! necessitatibus dicta magni, tempore. Atque voluptatibus fugiat pariatur quasi repellendus quaerat, doloremque voluptatum maiores provident consequuntur accusantium saepe.

Zoom with margin
Zoom with margin

Lorem ipsum dolor amet, consectetur adipisicing elit. dolores quaerat, nostrum sequi adipisci ratione blanditiis error beatae dolor nemo. Animi quisquam ducimus!

Zoom with background color
Zoom with background color

Lorem ipsum dolor amet, consectetur adipisicing elit. Dignissimos magnam illo, iusto, autem ratione commodi deleniti magni consectetur expedita, voluptatum quidem? minima laboriosam

Zoom without scroll effect
Zoom without scroll offset

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

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

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

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

Zoom to trigger
Zoom triggered with another element

Lorem ipsum dolor amet, consectetur adipisicing elit. Corrupti provident recusandae commodi dolorem ipsum dolor magni reprehenderit accusantium quasi 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.