Slider Inside of Computer Screen

[zcrnivec]

Hello,

So I’ve got an idea today that I could do image slider inside of computer screen for my wordpress site.

image: http://shrani.si/f/1a/Wd/Ux2Q3a4/slider.png

As I’m quite a begginer in CSS do you guys have any suggestion how I could manage that?

I’m using Divi 2.0 from Elegant themes if that helps somehow.

Hell It would be way better if Left Computer Screen showed previous images and Right Computer Screen showed next images.

[elneco]

You can use css transforms to place them in the side screens – an animated transition might be difficult but if they just rotate you can do this fairly easily with javascript/jquery

[Paulie_D]

My inclination would be to do it as three separate sliders using the same set of images (with an offset +1/-1 for the side images).

Then you could leverage a single JS function (or CSS animation) to work on all of them.

That way you could go from three monitors down to one when the viewport size doesn’t have room for all of them.

Could be an interesting project. Let us know ow you get on.

[Author]

Posts