Technology Web & Application
$(document).ready(function(){ $('a[rel=celeb]').colorbox({ transition: 'fade', speed: 500, current: "{current} of {total} celebrity photos", width:'100%', height:'100%' }); }); /* ColorBox Core Style The following rules are the styles that are consistant between…
$(document).ready(function(){ $('a.lightbox').click(function(e) { $('body').css('overflow-y', 'hidden'); // hide scrollbars! $('<div id="overlay"></div>') .css('top', $(document).scrollTop(0)) .css('opacity', '0') .animate({'opacity': '0.5'}, 'slow') .appendTo('body'); $('<div id="lightbox"></div>') .hide() .appendTo('body'); $('<img>') .attr('src', $(this).attr('href')) .load(function() { positionLightboxImage(); }) .click(function()…
$(document).ready(function(){ $('#splitter>div:first').resizable({ handles:'e', minWidth:'100', maxWidth:'400', resize: function(){ var remainingSpace=$(this).parent().width()-$(this).outerWidth(); var divTwo=$(this).next(); var divTwoWidth=remainingSpace-(divTwo.outerWidth()-divTwo.width()); divTwo.css('width',divTwoWidth+'px'); } }); }); <!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>StarTrackr!</title> <link rel="stylesheet" href="../../css/base.css"…
$(document).ready(function() { $('p').resizable(); });