-
1. Re: What method is the EW website using to do this? (and why?)
MurraySummers Feb 10, 2014 5:47 PM (in response to jyeager11)What answer did you get that was marked as correct? And whose answer was it?
-
2. Re: What method is the EW website using to do this? (and why?)
jyeager11 Feb 10, 2014 6:05 PM (in response to MurraySummers)Please, let's just stay on topic so a 3rd thread on the same subject isn't required.
-
3. Re: What method is the EW website using to do this? (and why?)
jyeager11 Feb 11, 2014 6:32 AM (in response to jyeager11)jyeager11 wrote:
Entertainment Weekly's website seems to be using code that makes all images fade into view as they scroll into the viewport.
- How? (ie, what method is being used?)
- Do the images that are out of bounds of the viewport get loaded anyway, and are simply DISPLAYED once they scroll into view? Or do they only start loading once they scroll into view?
How common a practice is this? I've only seen a couple of sites like this so far. Are there any downsides to using this method, whatever it is?
Bumping this back up.
Anyone?
-
4. Re: What method is the EW website using to do this? (and why?)
Nancy O. Feb 11, 2014 9:23 AM (in response to jyeager11)I don't know how common the practice is. But vaharis did give you the right answer.
#1 His link describes the method with links to download files and a working demo.
http://www.responsivewebmobile.com/posts/view/2013/07/09/19/Responsive_Infinite_Scroll_Tur orial
#2 No. The parent page simply holds containers for content that is stored inside sub-pages. Links to sub-pages are hidden. jQuery loads only relevant page content when it is needed (scrolled to).
Nancy O.
-
5. Re: What method is the EW website using to do this? (and why?)
jyeager11 Feb 11, 2014 9:39 AM (in response to Nancy O.)Nancy O. wrote:
The parent page simply holds containers for content that is stored inside sub-pages. Links to sub-pages are hidden. jQuery loads only relevant page content when it is needed (scrolled to).
So it's not really an esthetics thing - the method's primary function is to limit the number of bytes being unnecessarily transfered, correct?
Any downside to it?
-
6. Re: What method is the EW website using to do this? (and why?)
Nancy O. Feb 11, 2014 9:52 AM (in response to jyeager11)jyeager11 wrote:
So it's not really an esthetics thing - the method's primary function is to limit the number of bytes being unnecessarily transferred, correct?
I assume so.
Any downside to it?
If JS is disabled it won't work. People with "no scripts" will only see the parent page content and nothing else.
Nancy O.


