A simple question about a Bat For Lashes article on Pitchfork

[jaydee81]

This article is one of my most pleasurable web browsing experiences. How is it done?
http://pitchfork.com/features/cover-story/reader/bat-for-lashes/

[Consignia]

You mean technically how is it achieved to make the image change as you scroll? JavaScript, probably using some framework or library.

[KLG-7B]

Looking at the source, ChartBeat seems to be the key thing used.

[Pseudopath]

Looking at the source, ChartBeat seems to be the key thing used.

Nah...that's just a visitor stats plugin. The whizzy effects all appear to be jQuery-driven, in particular this scary looking file.

[KLG-7B]

Oh yeah. Heh. I didn't look at ChartBeat's content at all and assumed it was a library for making cute charts because the scrolling looked similar.

I don't think your file is it either, that's just the jQuery and BigScreen library code.Oh, it's all concatenated on the same line.

[jaydee81]

You mean technically how is it achieved to make the image change as you scroll? JavaScript, probably using some framework or library.

Yep, technically.
I'm not techy enough to know what your reply means, but I want to show it to someone who might.
My thoughts were it was like a flickerbook but done in pdf, which probably shows the limits of my knowledge.
It is a really beautifully presented article in a really novel way. So obviously I want to take any form of innovation and try and copy it.

[The Masked Unit]

It's a well presented article for sure.

[Steve Lampkins]

I found it terribly distracting. Not easy to read the text as you scroll down.

[Toast]

It reminds me of the newspapers in the Harry Potter films. It looks great but it can distract you as you read. It works best when there's a small piece of text, like a quote, that you can read in one go before scrolling through the photos.

[Pseudopath]

Nike used to have a similar site (Nike Better World) which moved content up the screen at different speeds as you scrolled down the page (in other words, a parallax effect). There's a demo and tutorial here which shows how to recreate that effect. It doesn't have the fancy image change effect, but I'm sure your web designer chum can figure it out.