359 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 100+ items on Envato Market
  • Located in United Kingdom
kops says

Wowed by this: http://www.lobagola.com/

Anyone come across this effect before?

1652 posts Building the Web.
  • Has been a beta tester for an Envato feature
  • Sells items exclusively on Envato Market
  • Has sold $250,000+ on Envato Market
  • Had an item featured on Envato Market
+7 more
ZoomIt says

The static image is just a div with background -image – http://www.lobagola.com/web-assets/img/slide_2.jpg

But the 3D effect is encapsulated in a canvas so it’s hard to say without looking at the javascript – it could use something like this – http://www6.compuland.com.br/vilhenaimoveis/exemplo/panorama1.jpg a panorama image and scroll it ( simplest solution ) or render a 3d effect on a flat image.

Anyway, effect not that hard to make, you just need right images.

592 posts Don't be so humble - you are not that great.
  • Has referred 10+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+4 more
plusquare says

Check our expo360 plugin on codecanyon, we use different images to achieve that effect, I think that’s exactly the same, it’s just different images updated on scroll :)

3446 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Located in United States
  • Helps us moderate the forums
+10 more
sevenspark Moderator says

Looks like they are using KineticJS, if that’s helpful

2286 posts aspire to create - create to inspire
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Made it to the Authors' Hall of Fame
  • Had an item featured on Envato Market
+9 more
Creattive says

you need to have several pictures of several angles. The center picture is shown in the slider without clicking a button. when you click on an arrow, the other frames are quickly shown (like a video).

So the magic is actually the images by user input, not the slider. all the slider does is show several images one after another while changing the slide.

359 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 100+ items on Envato Market
  • Located in United Kingdom
kops says

Cheers for the responses – Just trying to figure out how the loading time can be fast(ish) when if, as you say, several frames of large jpgs are getting loaded in. I’ll get there :)

1652 posts Building the Web.
  • Has been a beta tester for an Envato feature
  • Sells items exclusively on Envato Market
  • Has sold $250,000+ on Envato Market
  • Had an item featured on Envato Market
+7 more
ZoomIt says

Those images are low resolution

493 posts
  • Has referred 1000+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+8 more
pixelentity says
359 posts
  • Has been part of the Envato Community for over 5 years
  • Has collected 100+ items on Envato Market
  • Located in United Kingdom
kops says

ahhh got you. thanks for extracting that :)

by
by
by
by
by
by