Before/After Photo Slider
Kevin M. Cox 6 years ago in BLOX CMS • updated by Aidian 5 years ago • 4
Does anybody have a quick/easy solution to get something like JuxtaposeJS working on a Flex site?
EDIT: Looks like I might be able to just embed the code though... (and I admit I posted before even trying but figured if somebody already has a system like this that is TownNews friendly it will save me some time).
Customer support service by UserEcho
Here's what we use http://lancasteronline.com/before-and-after-of-deadly-home-explosion-in-manor-township/html_867fffc2-5ff8-11e7-b357-a74cc46b8066.html
I don't know that's it any better or worse than JuxtaposeJS. It's just what we found when we first started doing this a few years ago.
Our code uses jQuery UI and copies of jQuery UI Touch Punch and the jQuery beforeafter plugin that live in our /app directory. https://lancasteronline.com/app/beforeafter also has the green slider (handle.gif) and white arrows (lt-small.png, rt-small.png).
This is the code for the HTML asset that we created for the home explosion:
We could have multiple images in one HTML asset like at the bottom of this page http://lancasteronline.com/beforeafter/:
We always just use the embed code in an html asset. I was looking for an example of one we did, but I can't remember one off the top of my head. But we've always had pretty good luck with the Knight Lab stuff and just using their embed codes.
Here is what I ended up doing. It is far from perfect, looks much better on desktop than mobile, but it got a ton of hits.
Juxtapose J.S. works OK for me. The PITA part is making it fit in column.