[Solved] How to do this screen switching ?

[Writz]

in this Wix site how did they do it ?

I mean the background images keep switching to the left and I don’t see the other images when i scroll the page to the left , i tried to do it but i failed .

HTML Code: code To Test : Test site

Just Click “next” one time ….

[dyr]

Can you post a CodePEN?

Wix….. oh wix. They use some wysiwig component library they’ve built to allow drag & drop style in-page editing for their users. Ultimately the slider widget you’re referring to is having items injected into it on the fly just as the transition happens. You can see this happening by inspecting the DOM at the node body > #SITE_STRUCTURE > #SldShwGllry0 > div[skinpart=”itemsContainer”] > div > div[skinpart=”imageItem”] and you will see div’s being added and removed via JavaScript.

I wouldn’t use Wix as an example for anything….

[Senff]

It’s probably just a standard slider/carousel, with the “START NOW” button positioned absolute on top of it.

[Writz]

I successfully did it, exactly like in the Wix website .

Infinite switching screens FTW :)

[Writz]

check this out

http://pastehtml.com/view/dw770wj09.html

[Author]

Posts