Julian/phpbb_board3-portal_tlw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[ticket/218] Correctly animate clock in IE8

Browse Source 
This should make sure that the correct background positions are used for
animating the clock in IE8.

B3P-218
This commit is contained in:
Marc Alexander
2014-02-20 10:56:18 +01:00
parent 43baccd837
commit e178f9c40f
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
styles/prosilver/template/portal/modules/portal_clock.js
View File

@@ -69,7 +69,7 @@ phpbb.b3pFlipClock = function(identifierUp, identifierDown, val, type) {
// Workaround for Internet Explorer bug // Workaround for Internet Explorer bug
if (backPosition === undefined) { if (backPosition === undefined) {
backPosition = $(backIdUp).css('background-position-x') + ' ' + $(backIdUp).css('background-position-y'); backPosition = $(identifierDown).css('background-position-x') + ' ' + $(identifierDown).css('background-position-y');
} }
backPositionLength = backPosition.length; backPositionLength = backPosition.length;
@@ -99,6 +99,7 @@ phpbb.b3pFlipClock = function(identifierUp, identifierDown, val, type) {
return; return;
} }
// Animate the top number flipping
$(identifierUp).animate({ $(identifierUp).animate({
height: '0px', height: '0px',
'margin-top': '21px' 'margin-top': '21px'
@@ -107,13 +108,20 @@ phpbb.b3pFlipClock = function(identifierUp, identifierDown, val, type) {
'duration': 150, 'duration': 150,
defaultEasing: 'easeInOutSine', defaultEasing: 'easeInOutSine',
'complete': function(){ 'complete': function(){
// Now animate the bottom number flipping
$(identifierDown).animate( $(identifierDown).animate(
{height: '20px'}, {height: '20px'},
{ {
'duration': 150, 'duration': 150,
defaultEasing: 'easeInOutSine', defaultEasing: 'easeInOutSine',
'complete': function(){ 'complete': function(){
$(backIdDown).css('background-position', $(identifierDown).css('background-position')); // For compatibility with IE8
if ($(identifierDown).css('background-position') !== undefined) {
$(backIdDown).css('background-position', $(identifierDown).css('background-position'));
} else {
$(backIdDown).css('background-position-x', $(identifierDown).css('background-position-x'));
$(backIdDown).css('background-position-y', $(identifierDown).css('background-position-y'));
}
$(identifierDown).css({ $(identifierDown).css({
'visibility': 'hidden', 'visibility': 'hidden',
'display': 'inline-block' 'display': 'inline-block'