Page 1 of 1

Comparison Slider

Posted: Thu Nov 15, 2018 1:59 am
by gregbarnes
I'm wondering if there is a way to incorporate a "Comparison Slider" or "Before / After" slider for showing the difference between 2 images. here's what I mean. https://codyhouse.co/demo/image-compari ... index.html

Re: Comparison Slider

Posted: Thu Nov 15, 2018 3:39 am
by crispy68
Did you see this?
viewtopic.php?f=42&t=79586

Re: Comparison Slider

Posted: Thu Nov 15, 2018 1:28 pm
by [RZ]

Re: Comparison Slider

Posted: Mon Dec 23, 2019 9:03 am
by gregbarnes
I decided to give TWENTY TWENTY a go. It seems to work well but for one bug. I run my website from any browser and on the menu bar I select "Colourise B&W" and when the page displays, the Twenty-Twenty box is blank. I have 9 image comparisons (Colour and B&W) and selecting any of the 9 still have a blank box (no images). Here's the kicker - I select the HOME menu and return to the home page, then click the COLOURISE B&W menu and the Twenty-Twenty images now appear. I have the 20/20 before and after images in their own separate layer containers which I just turn on or off depending on the number button selected. Is there a setting in the 20/20 properties OR the Layer properties which will be able to display the images when the page is first selected from the main menu. Very strange and I'd be grateful for any solution. This is my website https://www.isacimages.com.au Cheers Greg.

Re: Comparison Slider

Posted: Mon Dec 23, 2019 4:10 pm
by Siegbert
Hallo Greg,
you have many pictures of your homepage. Did you set all the pictures with the board tools from WYSIWYG or did you use a special program or code?
What size is each picture. I would like to use WYSIWYG Builder in the future to also include picture galleries.

Siegbert

Re: Comparison Slider

Posted: Tue Dec 24, 2019 8:09 am
by gregbarnes
Hi Siegbert,
I just use the "Image" tool to show my images and place it anywhere on the page. They range in size from 800px to 1024px.
For the galleries I use the "Photo Gallery" tool, which can have lots of photos in. I Highly recommend WYSIWYG for your website.

Re: Comparison Slider

Posted: Tue Dec 24, 2019 8:24 am
by Siegbert
Hi Greg,
thank you for the information.
As soon as I have a little more time I will create my homepage with WYSIWYG.
Siegbert

Re: Comparison Slider

Posted: Fri Dec 27, 2019 1:54 pm
by Williams
For me, Twinty Twinty extension which posted by Crispy doesn't work properly with breakpoints. it only works if the project contains only default view.
Am i right!!

Re: Comparison Slider

Posted: Fri Dec 27, 2019 8:48 pm
by crispy68
You are correct! It doesnt work in breakpoints or layout grid for me.

Contact me at ron@wizbangwebdesign.com and I may have a solution for you.

Re: Comparison Slider

Posted: Thu Apr 09, 2020 4:17 am
by gregbarnes
Many thanks to Crispy68 (Ron) from www.wizbangwebdesign.com. He has issued an update to the Twenty Twenty slider extension and it works perfectly on my website in the Colourisation page at www.isacimages.com.au. It's called WBWD-Twenty-Twenty1.2
Many thanks Ron :lol:

Re: Comparison Slider

Posted: Thu Apr 09, 2020 10:30 am
by jerryco
That looks mighty impressive! Gooo tech!

Re: Comparison Slider

Posted: Fri Apr 10, 2020 12:52 am
by gregbarnes
Thanks for the comment jerryco! Kudos to Crispy68 for his great After Sales Service and for getting the script sorted so that it works seamlessly.

Re: Comparison Slider

Posted: Fri Apr 10, 2020 2:22 am
by ColinM
Hi Greg,

Just wanted to extended a greeting from a fellow Sandgroper - I'm down in Mount Barker! 8)

Re: Comparison Slider

Posted: Fri Apr 10, 2020 4:15 am
by gregbarnes
Great place to be staying put mate! Happy Easter to you and your loved ones.

Re: Comparison Slider

Posted: Fri Apr 10, 2020 4:48 am
by ColinM
We agree Greg - thanks for the Easter wishes - back at ya! 8)