#


/ : , , / 28.01.11 / [0]

#





function backgroundScale()
{
var imageRatio = 1.75;
var windowHeight = document.body.clientHeight;
var windowWidth= document.body.clientWidth;
var windowScale= windowWidth / windowHeight;
var targetWidth= windowHeight * imageRatio;
var targetWidthFull= windowWidth;
var leftPos= - (targetWidth - windowWidth) / 2;
var leftPosFull= 0;

if (windowScale <= imageRatio)
{
$('#rotator img').attr("width", targetWidth);
$('#rotator').css("left", leftPos);
}
else
{
$('#rotator img').attr("width", targetWidthFull);
$('#rotator').css("left", leftPosFull);
}
}

$(window).resize(function()
{
var imageRatio = 1.75;
var windowHeight = document.body.clientHeight;
var windowWidth= document.body.clientWidth;
var windowScale= windowWidth / windowHeight;
var targetWidth= windowHeight * imageRatio;
var targetWidthFull= windowWidth;
var leftPos= - (targetWidth - windowWidth) / 2;
var leftPosFull= 0;

if (windowScale <= imageRatio)
{
$('#rotator img').attr("width", targetWidth);
$('#rotator').css("left", leftPos);
}
else
{
$('#rotator img').attr("width", targetWidthFull);
$('#rotator').css("left", leftPosFull);
}
mainBaseResize();
});

$(document).ready(function(){
//$('body').css({background: #fff});
backgroundScale();
theRotator();
});



function theRotator() {
$('#rotator img').css({opacity: 0.0});
$('#rotator img:first').css({opacity: 1.0});
setInterval('rotate()',7000);
}

function rotate() {
//
var current = ($('#rotator img.show')?$('#rotator img.show') : $('#rotator img:first'));

// ,
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#rotator img:first') :current.next()) : $('#rotator img:first'));
//
var sibs = current.siblings();
var rndNum = Math.floor(Math.random() * sibs.length );
var next = $( sibs[ rndNum ] );
// / , css- show z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);

//
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
};

( 7 )

CSS, JavaScript / : Js, slider, opacity, jquery, , , / 21.01.11 / [7]

#


. , . , , , . , ... , . , . .

/ : / 20.01.11 / [0]

Animated Form Switching with jQuery #

Animated Form Switching with jQuery

/

/ : jquery, form / 18.01.11 / [0]

Jquery Constant Footer #

Jquery Constant Footer

/

CSS, XHTML, JavaScript, / : jquery, footer / 17.01.11 / [0]

#


/

XHTML, JavaScript / : / 16.01.11 / [0]