Template:TCU Taiwan/Notebook/Life3/Javascript

// JavaScript Document // Written by Chris Converse // for Lynda.com

$(document).ready(function() {

// Set these DIVs to show for browsers suporting JavaScipt $('.gallery_data').css('display','block'); $('.gallery_thumbnails').css('width','500px'); $('.gallery_preview').css('display','block'); $('.gallery_caption').css('display','block');

// Capture the thumbnail links $('.gallery_thumbnails a').click(function(e){

// Disables standard link behavior e.preventDefault();

// Sets up variables based on linked thumbnails var photo_caption = $(this).attr('title'); var photo_fullsize = $(this).attr('href'); var photo_preview = photo_fullsize.replace("_fullsize", "_preview");

// Fade out preview, preload new image, fade preview back in $('.gallery_caption').slideUp(500); $('.gallery_preview').fadeOut(500, function(){

$('.gallery_preload_area').html('<img src="'+photo_preview+'" />'); $('.gallery_preload_area img').imgpreload(function(){ $('.gallery_preview').html('<a class="overlayLink" title="'+photo_caption+'" href="'+photo_fullsize+'" style="background-image:url('+photo_preview+');"></a>'); $('.gallery_preview').fadeIn(500);

$('.gallery_caption').html('

<a class="overlayLink zoom" title="'+photo_caption+'" href="'+photo_fullsize+'">look more</a>

'+photo_caption+'

');

$('.gallery_caption').slideDown(500); setFancyBoxLinks(); updateThumbnails(); });

});

});

// Set the first preview image var first_photo_caption = $('.gallery_thumbnails a').first().attr('title'); var first_photo_fullsize = $('.gallery_thumbnails a').first().attr('href'); var first_photo_preview = first_photo_fullsize.replace("_fullsize", "_preview"); $('.gallery_preview').html('<a class="overlayLink" title="'+first_photo_caption+'" href="'+first_photo_fullsize+'" style="background-image:url('+first_photo_preview+');"></a>');

$('.gallery_caption').html('

<a class="overlayLink zoom" title="'+first_photo_caption+'" href="'+first_photo_fullsize+'">Look More</a>

'+first_photo_caption+'<a href="'+first_photo_fullsize+'" style="background-image:url('+first_photo_preview+');"></a>

');

updateThumbnails(); setFancyBoxLinks();

});

function setFancyBoxLinks(){ // Links for Facnybox $("a.overlayLink").fancybox({ 'titlePosition' : 'over', 'overlayColor' : '#000', 'overlayOpacity' : 0.8, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'autoScale' : true }); }

function updateThumbnails(){ $('.gallery_thumbnails a').each(function(index){

if ( $('.gallery_preview a').attr('href') == $(this).attr('href') ){ $(this).addClass('selected'); $(this).children().fadeTo(250, .4); }else { $(this).removeClass('selected'); $(this).children().css('opacity', '1'); } });

}