Side navigation
Ticket #5762: common.js
File common.js, 2.2 KB (added by modelreject, January 06, 2010 10:54AM UTC)
Functions declared here
$(function(){
//Open all links with rel="external" in new window
$('a[rel="external"]').click( function() {
window.open( $(this).attr('href') );
return false;
});
});
//functions to be executed inline
var mylib =
{
image_hover :
{
init : function()
{
$('.img-hold').hover(function() {
$(this).children().css('border-color','#c3c3bf');
},
function() {
$(this).children().css('border-color','#fff');
});
}
},
showreel :
{
init : function() {
$('#showreel-content').hide();
$('#showreel').addClass('loading');
$.ajax({
type: "GET",
url: "xml/showreel.xml",
dataType: "xml",
success: function(xml) {
var total = $(xml).find('site').length;
var randnum = Math.floor(Math.random()*total);
$(xml).find('site').each(function(entryIndex, entry) {
if(entryIndex === randnum){
var title = $(this).find('title').text();
var color = $(this).find('color').text();
var url = $(this).find('url').text();
var website = $(this).find('website').text();
var align = $(this).find('align').text();
var image = $(this).find('image_src').text();
$('#head-contact,#head-contact a').css('color',color);
$('body.home #nav li#home').css('border-bottom','1px solid' + color);
$('<div id="info" class="' + align + '"></div>')
.html('<div class="entry" style="color:' + color + '">' + title + '<a href="'+url+'"><br />'+website+'</a></div>')
.appendTo('#header-content');
//create new image object to preload image
var img = new Image();
//once image has loaded execute this code
$(img).load(function () {
//$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
$(this).hide();
$('#showreel').removeClass('loading').append(this);
$(this).fadeIn(3000);
}).error(function () {
// notify the user that the image could not be loaded
}).attr('src', image);
}
});
}//end success function
});//end ajax function
}
}
}
Download in other formats:
Original Format
File common.js, 2.2 KB (added by modelreject, January 06, 2010 10:54AM UTC)
Functions declared here
$(function(){
//Open all links with rel="external" in new window
$('a[rel="external"]').click( function() {
window.open( $(this).attr('href') );
return false;
});
});
//functions to be executed inline
var mylib =
{
image_hover :
{
init : function()
{
$('.img-hold').hover(function() {
$(this).children().css('border-color','#c3c3bf');
},
function() {
$(this).children().css('border-color','#fff');
});
}
},
showreel :
{
init : function() {
$('#showreel-content').hide();
$('#showreel').addClass('loading');
$.ajax({
type: "GET",
url: "xml/showreel.xml",
dataType: "xml",
success: function(xml) {
var total = $(xml).find('site').length;
var randnum = Math.floor(Math.random()*total);
$(xml).find('site').each(function(entryIndex, entry) {
if(entryIndex === randnum){
var title = $(this).find('title').text();
var color = $(this).find('color').text();
var url = $(this).find('url').text();
var website = $(this).find('website').text();
var align = $(this).find('align').text();
var image = $(this).find('image_src').text();
$('#head-contact,#head-contact a').css('color',color);
$('body.home #nav li#home').css('border-bottom','1px solid' + color);
$('<div id="info" class="' + align + '"></div>')
.html('<div class="entry" style="color:' + color + '">' + title + '<a href="'+url+'"><br />'+website+'</a></div>')
.appendTo('#header-content');
//create new image object to preload image
var img = new Image();
//once image has loaded execute this code
$(img).load(function () {
//$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
$(this).hide();
$('#showreel').removeClass('loading').append(this);
$(this).fadeIn(3000);
}).error(function () {
// notify the user that the image could not be loaded
}).attr('src', image);
}
});
}//end success function
});//end ajax function
}
}
}