Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://www.hdwallpapersimages.com/wp-content/uploads/2014/01/Winter-Tiger-Wild-Cat-Images.jpg" /><br/>
  <img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://images.visitcanberra.com.au/images/canberra_hero_image.jpg" />
  <br/>
  <img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://upload.wikimedia.org/wikipedia/commons/a/a8/VST_images_the_Lagoon_Nebula.jpg"/><br/>
  <img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://www.freelive3dwallpapers.com/wp-content/uploads/2014/03/images-7.jpg"/><br/>
  <img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://www.freelive3dwallpapers.com/wp-content/uploads/2014/03/images-6.jpg"/><br/>
  <img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://www.freelive3dwallpapers.com/wp-content/uploads/2014/03/images-5.jpg"/><br/>
  <img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://www.freelive3dwallpapers.com/wp-content/uploads/2014/03/images-4.jpg"/><br/>
  <img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://www.freelive3dwallpapers.com/wp-content/uploads/2014/03/images-3.jpg"/><br/>
  <img src="http://www.hindsightfishing.com/images/waves_bg.jpg" data-src="http://www.freelive3dwallpapers.com/wp-content/uploads/2014/03/images-2.jpg"/><br/>
  
</body>
</html>
 
​
var dfIndex = 0;
var dfLoadFiles =[
     "//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js",
     "//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js",
     "//cdn.rawgit.com/luis-almeida/unveil/master/jquery.unveil.js",
     "//cdn.rawgit.com/carhartl/jquery-cookie/master/src/jquery.cookie.js"];
​
​
function downloadJavasSript(){
    loadJavaScript(dfLoadFiles[dfIndex]); 
}
function loadJavaScript(file,callback){
    var head=document.getElementsByTagName("head")[0];
    var script=document.createElement('script');
    script.src=file;
    script.type='text/javascript';
    //real browsers
    script.onload=isJavaScriptLoaded;
    //Internet explorer
    script.onreadystatechange = function() {
        if (this.readyState == 'complete') {
            isJavaScriptLoaded();
        }
    };
    head.appendChild(script);
}
​
function isJavaScriptLoaded(e){
  dfIndex++;
  if (dfIndex === dfLoadFiles.length){
    pageLoaded();
  } else {
    loadJavaScript(dfLoadFiles[dfIndex]); 
  }
}
​
​
function pageLoaded(){
  console.log('page loaded');
  $("img").unveil();
}
​
if (window.addEventListener)
    window.addEventListener("load", downloadJavasSript, false);
else if (window.attachEvent)
    window.attachEvent("onload", downloadJavasSript);
else window.onload = downloadJavasSript;
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
whoacowboypro
0viewers