Fall River Trial Courthouse
With a commanding presence and expansive views of the Taunton River and Mt Hope Bay from its hilltop location in Fall River, the historic Durfee High School was transformed into the Fall River Trial Courthouse. Finegold Alexander worked closely with DCAMM, the Commonwealth and the Massachusetts Historic Commission to develop the best adaptive reuse solution. Extensive reconfiguration was necessary to meet the diverse needs of three court departments, transforming the building into a contemporary courthouse while preserving its unique historic character. The primary challenge of the project involved the development of a secure interior circulation system for judges, jurors, detainees, and the public.
(Photo credit: second exterior, final exterior - Raj Das Photography)
View of demolition at assembly space of the former Durfee High School. Four of the facility's five courtrooms are located on a new fourth floor. The fourth floor was created by inserting an interstitial floor in the school's former double-height assembly space.
![](https://cdn.prod.website-files.com/5db85faa1251c46219e9721a/61aa3531fa279b49331ad83a_05_Process_photo_Fall_River_Durfee_demolition_view.jpg)
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 🤙