Saved!

image lazy load show only if in browser viewport - hTpNciNd

image lazy load show only if in browser viewport

jquery lazyload image

  
<h1>image lazy load show only if in browser viewport<h1>
<ul class="gal">
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-RHyrM6nf2Fe.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-1FSXA2pssk1.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-JnCAk3MNPRY.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-5RaUqwcwhTv.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-IkjAH7vOoje.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-JnCAk3MNPRY.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-1FSXA2pssk1.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-wpjw5KISgIp.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-sTRNw5waZsC.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-t6RG4VuHwho.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-MeCu9LCGlSh.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-5RaUqwcwhTv.jpg" /></a></li>
				<li><a href="#gallery"><img class="lazy" src="http://i.imgur.com/pEsn4zO.gif" data-src="http://hrvatska365.net/cs-content/img/Qa76SbMWSfL-wpjw5KISgIp.jpg" /></a></li>
			</ul>  
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js