386 posts
  • 6 Years of Membership
  • Collector Level 5
  • United Kingdom
kops
says

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

Anyone come across this effect before?

1744 posts Building the Web.
  • Top Monthly Author
  • Trendsetter
  • Weekly Top Seller
  • Beta Tester
+10 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.

621 posts Don't be so humble - you are not that great.
  • Affiliate Level 3
  • Author Level 7
  • Collector Level 2
  • Copyright Ninja
+7 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 :)

3535 posts
  • Power Elite Author
  • Author Level 12
  • Trendsetter
  • United States
+13 more
sevenspark
Moderator
says

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

3022 posts aspire to create - create to inspire
  • Weekly Top Seller
  • Top Monthly Author
  • Trendsetter
  • Elite Author
+13 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.

386 posts
  • 6 Years of Membership
  • Collector Level 5
  • 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 :)

1744 posts Building the Web.
  • Top Monthly Author
  • Trendsetter
  • Weekly Top Seller
  • Beta Tester
+10 more
ZoomIt
says

Those images are low resolution

501 posts
  • Affiliate Level 7
  • Author Level 10
  • Collector Level 2
  • Top Monthly Author
+10 more
pixelentity
says
386 posts
  • 6 Years of Membership
  • Collector Level 5
  • United Kingdom
kops
says

ahhh got you. thanks for extracting that :)

by
by
by
by
by
by