Holyoke Public Library
Holyoke’s beautiful and historic Greek Revival library had served many generations, but lacked sufficient scale, functionality and accessibility for the community. To extend the life of this valued member of the community, Finegold Alexander engaged in an extensive community process - resulting in a design for a striking, transparent addition joined to a revitalized historic center by an open stair symbolizing the library’s welcoming and accessible transformation.
(Photo credit: exterior of addition, yellow chair shot, hallway shot, interior shot of stairs with ceiling glass - Neil Alexander Photography; exterior of existing building, remaining interiors - Bob O'Connor)
“We have fused together our history and our future in one building.”
Aaron M. Vega, State Representative from Holyoke
Vertical circulation is always a challenge when working with historic buildings. Finegold Alexander created a new circulation core that carries people efficiently through the entire building, connecting three existing levels with three new interspersed levels.
![](https://cdn.prod.website-files.com/5db85faa1251c46219e9721a/5e95fc9010d92f69d55b84fb_HPL---3d-Section--04.20.111_2_WEB.jpg)
"Libraries such as Holyoke play an important role in communities, especially during a time of economic recovery. They serve as community centers, providing free access to resources and information, computers for job-hunters, and affordable entertainment for those with restricted budgets."
Laura Vowell, Vice President at US Bancorp Community Development Corporation
Webflow Before & After Images
Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money. Here's a simple solution, we built ontop of the awesome js work from @pehaa
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bf66_Slide%201.png)
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bfd5_Slide%202.png)
Before & After Images
*Update January 2023
We made fixes to all mobile and safari browsers and you should no longer experience issues with those. Thanks!
Overview
Building an image comparison section in Webflow doesn't need to be difficult, and it shouldn't cost you time or money...
Here's a simple solution, we built ontop of the awesome js work from @pehaa.
We've tried to make this really accessible for all users, so what's important here is <Image Wrapper> and the two images inside of it, namely <Image One> and of course <Image Two>. We recommend you size your two images the same, although it will work regardless.
Use <Image Wrapper> to set your maximum width, and copy the code from page settings. That's it, when you publish the page the magic will happen.
Learn more about the sliders JS from @pehaa
![](https://cdn.prod.website-files.com/5db85faa1251c44fa7e971ef/66a11d9645b2077cb136bf29_Flowbase%20Logo.png)
Was it helpful? Please consider supporting us on socials, just tweeting @ us with a thanks helps more than you'll know 🤙