Search jQuery

jQuery Forum

Lazy Load using comments

in Using jQuery • 11 years ago

Hi
I'm looking to implement:
http://ivorycity.com/ls.php

the demo taken from:
http://plugins.jquery.com/project/LazyLoadOnScroll

However the content for the LazyLoad is within comments - which means that if the page is loaded with JS switched off, the page fails to load as all the content is commented out.

The use of comments comes from the JS line:

if (child.nodeType === 8) // 8 is a comment node

It'd be better if this could come from the Div so that the content shows if there's no JS

I was hoping to write it something like:

if (child.nodeType === "div")

Any ideas?
Thanks in advance
Ben

Replies(3)

jakecigar

Re: Lazy Load using comments

11 years ago

If you didn’t use comments, the images would all be loaded at the start! You could use a variant of the page for non-JavaScript browsers. in the head, you could add

<noscript>
<meta http-equiv="refresh" content="0;url=http://your.server/thePage.php?nojs=true”>
</noscript>

JΛ̊KE

topiman

Re: Lazy Load using comments

11 years ago

hi - thanks for the reply - but what I'm after is a way to make the lazy load accessible - so that if JS is off, then the whole page loads as per normal

so, rather than the comments being the 'trigger' for the hidden content:

<li class="friend">
      <pre class="loadme" ><!-- CONTENT --></pre>
</li>

it'd be something like:

<li class="friend">
      <pre class="loadme" ><div class="content"> CONTENT </div></pre>
</li>

Presently the LazyLoad fails on accessibility due to this method of build. 
Using NoScript isn't what we're after here.