Как мога да направя това с jQuery

[smoke]

http://d2o0t5hpnwv4c1.cloudfront.net/470_clock/Source/index.html

от този линк ме интересува как е направен ефекта при смяна на секунда, минута или час само това?

 

[M1tq96]

хах ... ето ти точно това което търсиш ... :?: :?: :?:

 

[smoke]

да това го знам нали от там го видях но ми трябва това. Само ефекта който сменя даден див и неговия baground така, а и това е с картинки до колкото видях архива.

 

[M1tq96]

е неможеш ли да четеш .. ?!

ето ти JS-то дето ги сменя ...
[js]

var h_current = -1;
var m1_current = -1;
var m2_current = -1;
var s1_current = -1;
var s2_current= -1;

function flip (upperId, lowerId, changeNumber, pathUpper, pathLower)
{
var upperBackId = upperId+"Back";
$(upperId).src = $(upperBackId).src;
$(upperId).setStyle("height", "63px");
$(upperId).setStyle("visibility", "visible");

$(lowerId).setStyle("height", "0px");
$(lowerId).setStyle("visibility", "visible");

$(upperBackId).src = pathUpper+parseInt(changeNumber)+".png";
$(lowerId).src = pathLower+parseInt(changeNumber)+".png";

var flipUpper = new Fx.Tween(upperId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
flipUpper.addEvents({
'complete': function(){
var flipLower = new Fx.Tween(lowerId, {duration: 200, transition: Fx.Transitions.Sine.easeInOut});
flipLower.addEvents({
'complete': function(){
lowerBackId = lowerId+"Back";
$(lowerBackId).src = $(lowerId).src;
$(lowerId).setStyle("visibility", "hidden");
$(upperId).setStyle("visibility", "hidden");
} });
flipLower.start('height', 64);

}
});
flipUpper.start('height', 0);
}//end flip

function retroClock(){

now = new Date();
h = now.getHours();
m1 = now.getMinutes() / 10;
m2 = now.getMinutes() % 10;
s1 = now.getSeconds() / 10;
s2 = now.getSeconds() % 10;
if(h < 12)
ap = "AM";
else{
if( h == 12 )
ap = "PM";
else{
ap = "PM";
h -= 12; }
}

if( h != h_current){
flip('hoursUp', 'hoursDown', h, 'Single/Up/'+ap+'/', 'Single/Down/'+ap+'/');
h_current = h;
}

if( m2 != m2_current){
flip('minutesUpRight', 'minutesDownRight', m2, 'Double/Up/Right/', 'Double/Down/Right/');
m2_current = m2;

flip('minutesUpLeft', 'minutesDownLeft', m1, 'Double/Up/Left/', 'Double/Down/Left/');
m1_current = m1;
}

if (s2 != s2_current){
flip('secondsUpRight', 'secondsDownRight', s2, 'Double/Up/Right/', 'Double/Down/Right/');
s2_current = s2;

flip('secondsUpLeft', 'secondsDownLeft', s1, 'Double/Up/Left/', 'Double/Down/Left/');
s1_current = s1;
}
}//end retroClock

setInterval('retroClock()', 1000);


[/js]


и то не сменя Background , а SCR-а .. на снимките .. ! :?: :?: