Comparison Slider

This section is for posting questions which are not directly related to WYSIWYG Web Builder.
Examples of off topics: web server configuration, hosting, programming related questions, third party scripts.

Note that these questions will generally not be answered by the administrators of this forum.
Post Reply
User avatar
gregbarnes
 
 
Posts: 20
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Comparison Slider

Post by gregbarnes » Thu Nov 15, 2018 1:59 am

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
Cheers for now,
Greg

User avatar
crispy68
 
 
Posts: 725
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Comparison Slider

Post by crispy68 » Thu Nov 15, 2018 3:39 am

Did you see this?
viewtopic.php?f=42&t=79586

User avatar
[RZ]
 
 
Posts: 2125
Joined: Tue Nov 04, 2008 12:08 pm

Re: Comparison Slider

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


User avatar
gregbarnes
 
 
Posts: 20
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Re: Comparison Slider

Post by gregbarnes » Mon Dec 23, 2019 9:03 am

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.
Cheers for now,
Greg

Siegbert
 
 
Posts: 39
Joined: Thu Jul 04, 2019 5:51 am

Re: Comparison Slider

Post by Siegbert » Mon Dec 23, 2019 4:10 pm

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

User avatar
gregbarnes
 
 
Posts: 20
Joined: Sun Oct 27, 2013 8:15 am
Location: Perth, Western Australia
Contact:

Re: Comparison Slider

Post by gregbarnes » Tue Dec 24, 2019 8:09 am

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.
Cheers for now,
Greg

Siegbert
 
 
Posts: 39
Joined: Thu Jul 04, 2019 5:51 am

Re: Comparison Slider

Post by Siegbert » Tue Dec 24, 2019 8:24 am

Hi Greg,
thank you for the information.
As soon as I have a little more time I will create my homepage with WYSIWYG.
Siegbert

User avatar
Williams
 
 
Posts: 118
Joined: Fri Nov 23, 2018 12:22 am
Contact:

Re: Comparison Slider

Post by Williams » Fri Dec 27, 2019 1:54 pm

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!!

User avatar
crispy68
 
 
Posts: 725
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Comparison Slider

Post by crispy68 » Fri Dec 27, 2019 8:48 pm

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.

Post Reply