Digital Spy

Search Digital Spy
 

DS Forums

 
 

How do you create an website image like this?


Reply
Thread Tools Search this Thread
Old 25-10-2012, 13:19
Markjuk
Forum Member
 
Join Date: Dec 2004
Posts: 7,536

http://www.bbc.co.uk/news/entertainment-arts-20026367

Think the image on this webpage is excellent, whereby there are layered images that move as you scroll down the page, however how would you create such an image and what software would you need?
Markjuk is offline   Reply With Quote
Please sign in or register to remove this advertisement.
Old 25-10-2012, 13:43
anniebrion
Inactive Member
 
Join Date: Sep 2005
Posts: 16,389
Looking at the source it seems to be standard graphics with some cleaver CSS magic Looks cool though
anniebrion is offline   Reply With Quote
Old 25-10-2012, 14:19
BrokenArrow
Forum Member
 
Join Date: Mar 2007
Location: Hampshire
Posts: 15,687
Ha ha thats great.

Like the way the foreground scrolls faster than the background to give a depth effect.
BrokenArrow is offline   Reply With Quote
Old 25-10-2012, 14:53
anniebrion
Inactive Member
 
Join Date: Sep 2005
Posts: 16,389
Ha ha thats great.

Like the way the foreground scrolls faster than the background to give a depth effect.
Tech term Parallax
anniebrion is offline   Reply With Quote
Old 25-10-2012, 14:58
flagpole
Inactive Member
 
Join Date: Jan 2003
Posts: 43,524
it is clever coding. you might as well ask how do you create a browser like firefox. employ clever people.
flagpole is offline   Reply With Quote
Old 25-10-2012, 15:47
Markjuk
Forum Member
 
Join Date: Dec 2004
Posts: 7,536
So it is all done through Internet programming language then?
Markjuk is offline   Reply With Quote
Old 25-10-2012, 16:35
Johnbee
Forum Member
 
Join Date: Jul 2009
Posts: 3,264
I haven't looked in detail, but with HTML and javascript you can do good things. They are not very hard to learn though you won't be able to do all that after a couple of days unless you are very good.
Johnbee is offline   Reply With Quote
Old 25-10-2012, 17:08
Migster
Forum Member
 
Join Date: May 2006
Location: London
Posts: 3,424
If you google it you can find some tutorials e.g. http://designwoop.com/2012/06/parall...als-resources/
Migster is offline   Reply With Quote
Old 25-10-2012, 20:27
alan1302
Forum Member
 
Join Date: Jul 2008
Location: West Yorks
Posts: 5,775
it is clever coding. you might as well ask how do you create a browser like firefox. employ clever people.
Except creating an effect like that on a webpage is a lot, lot simpler than creating a whole browser
alan1302 is offline   Reply With Quote
Old 25-10-2012, 20:33
whoever,hey
Forum Member
 
Join Date: Mar 2006
Posts: 29,786
Tech term Parallax
From the Amiga days
whoever,hey is offline   Reply With Quote
Old 25-10-2012, 20:34
whoever,hey
Forum Member
 
Join Date: Mar 2006
Posts: 29,786
So it is all done through Internet programming language then?
How else could it be done in a browser?
whoever,hey is offline   Reply With Quote
Old 25-10-2012, 20:43
Dan 8t1
Forum Member
 
Join Date: Apr 2004
Location: Leicester
Posts: 808
Ha ha thats great.

Like the way the foreground scrolls faster than the background to give a depth effect.
If you liked that, check this out.. same technique
Dan 8t1 is offline   Reply With Quote
Old 25-10-2012, 20:44
alan1302
Forum Member
 
Join Date: Jul 2008
Location: West Yorks
Posts: 5,775
How else could it be done in a browser?
Non-internet programming languages?
alan1302 is offline   Reply With Quote
Old 27-10-2012, 10:17
Sandgrownun
Forum Member
 
Join Date: Aug 2003
Posts: 4,431
Just found this Parallax Background Builder in this months .Net magazine http://www.web-features.net/parallax...d-builder.html
Sandgrownun is offline   Reply With Quote
Old 27-10-2012, 13:09
The Sack
Forum Member
 
Join Date: Jan 2003
Location: S6 WTID UTO FTB
Posts: 5,647
its HTML5
The Sack is offline   Reply With Quote
 
Reply



Thread Tools Search this Thread
Search this Thread:

Advanced Search

 
Forum Jump


All times are GMT +1. The time now is 23:27.