Skip to content

Instantly share code, notes, and snippets.

@craigrodway

craigrodway/gist:1141732

Created August 12, 2011 08:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save craigrodway/1141732 to your computer and use it in GitHub Desktop.
Save craigrodway/1141732 to your computer and use it in GitHub Desktop.
Download ZIP
Javascript loading
Raw
gistfile1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<base href="http://spennymoortownband.org/" />
<title>Spennymoor Town Band - Latest News | Spennymoor Town Band | Spennymoor in County Durham, North East England</title>
<link rel="stylesheet" type="text/css" href="http://spennymoortownband.org/tmp/cache/stylesheet_50_1303132365.css" media="projection,screen"/>
<link rel="stylesheet" type="text/css" href="http://spennymoortownband.org/tmp/cache/stylesheet_51_1309989026.css" media="projection,screen"/>
<link rel="stylesheet" type="text/css" href="http://spennymoortownband.org/tmp/cache/stylesheet_53_1302468882.css" media="projection,screen"/>
<link rel="stylesheet" type="text/css" href="http://spennymoortownband.org/tmp/cache/stylesheet_55_1305755915.css"/>
<!-- Make an array to hold the functions (_jsQ == javascript queue; call it whatever you want) -->
<script>var _jsQ = [];</script>
</head>
<body class="page-home">
<!-- #sidebar -->
<div class="grid_4 sidebar sidebar-home" id="sidebar">
<div class="affiliates">
<a href="http://www.brassfestival.co.uk/" target="_blank" rel="external">
<img src="http://spennymoortownband.org/assets/_CGSmartImage/iconbrassfb1-a081c769b13843090580eb1f0eb766e5.jpg" width="125" height="124" alt="Image for Brass Festival"/>
<div><span>Brass Festival</span></div>
</a>
<a href="http://www.xarxateatre.com/eng/espect/inicio.html" target="_blank" rel="external">
<img src="http://spennymoortownband.org/assets/_CGSmartImage/xarxa-stb-284d30c9c86c00d254f0176e8a23a47b.png" width="125" height="124" alt="Image for Xarxa Teatre"/>
<div><span>Xarxa Teatre</span></div>
</a>
<a href="http://spennymooryouthbrassband.org/" target="_blank" rel="external">
<img src="http://spennymoortownband.org/assets/_CGSmartImage/syb-9dde3d0a0bacbe35b61732e0bf78aa7b.png" width="125" height="124" alt="Image for Spennymoor Youth Brass Band"/>
<div><span>Spennymoor Youth Brass Band</span></div>
</a>
<a href="http://www.jazzinmypants.com/" target="_blank" rel="external">
<img src="http://spennymoortownband.org/assets/_CGSmartImage/jimp-e5791b5f308f198392a49f0c617c01dc.jpg" width="125" height="124" alt="Image for Jazz in my Pants"/>
<div><span>Jazz in my Pants</span></div>
</a>
<a href="http://www.beatnblow.de/" target="_blank" rel="external">
<img src="http://spennymoortownband.org/assets/_CGSmartImage/bnb-logo-off-943e4367222c2417f104bae23f155b75.png" width="125" height="124" alt="Image for Beat &#39;n Blow"/>
<div><span>Beat &#039;n Blow</span></div>
</a>
<a href="http://www.cockerton.org/" target="_blank" rel="external">
<img src="http://spennymoortownband.org/assets/_CGSmartImage/cpsb-9181840bdd11afa35049bc05787f95b7.png" width="125" height="124" alt="Image for Cockerton Prize Silver Band"/>
<div><span>Cockerton Prize Silver Band</span></div>
</a>
<script>
// Create an anonymous function and just add it onto the array - it won't be executed right now.
_jsQ.push(function(){
$("div.affiliates a").hover(function(){
$(this).find('div').stop(false, true).fadeIn(200);
},
function(){
$(this).find('div').stop(false,true).fadeOut(200);
});
});
</script>
</div>
</div>
<!-- / #sidebar -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="assets/js/jquery-ui-1.8.14.custom.min.js"></script>
<script src="modules/Gallery/templates/fancybox/jquery.fancybox.pack.js"></script>
<script src="modules/Gallery/templates/jquery/jquery.easing.js"></script>
<script src="modules/Gallery/templates/jquery/jquery.mousewheel.pack.js"></script>
<script>
// Loop through all the items in the array and call the functions
$(document).ready(function(){
if( typeof( window[ '_jsQ' ]) != "undefined"){
for(var i = 0, len = _jsQ.length; i<len; i++){
_jsQ[i]();
}
}
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment