/*
Simple shadow effect for jquery library.
Written by Darrarski.
1. include shadow stylesheet:
add line in section:
2. include this file:
add line in section:
3. use functions:
makeShadow( "jquery element selector" ) - to add shadow
showShadow( "jquery element selector" ) - to show shadow
hideShadow( "jquery element selector" ) - to hide shadow
Example script:
On-hover shadow for image with "shadow" class:
$(document).ready(function() {
makeShadow("img.shadow");
$("img").hover( function() {
showShadow("img.shadow");
}, function() {
hideShadow("img.shadow");
} );
} );
*/
function makeShadow( element ) {
$( element ).wrap("
");
$( element ).before("");
$( element ).wrap("");
}
function showShadow( element ) {
$("table[@name=shadowtable]["+element+"]").find("div.shadow1").addClass("shadow1a");
$("table[@name=shadowtable]["+element+"]").find("div.shadow2").addClass("shadow2a");
$("table[@name=shadowtable]["+element+"]").find("div.shadow3").addClass("shadow3a");
$("table[@name=shadowtable]["+element+"]").find("div.shadow4").addClass("shadow4a");
$("table[@name=shadowtable]["+element+"]").find("div.shadow5").addClass("shadow5a");
}
function hideShadow( element ) {
$("table[@name=shadowtable]["+element+"]").find("div.shadow1").removeClass("shadow1a");
$("table[@name=shadowtable]["+element+"]").find("div.shadow2").removeClass("shadow2a");
$("table[@name=shadowtable]["+element+"]").find("div.shadow3").removeClass("shadow3a");
$("table[@name=shadowtable]["+element+"]").find("div.shadow4").removeClass("shadow4a");
$("table[@name=shadowtable]["+element+"]").find("div.shadow5").removeClass("shadow5a");
}