jquery cambiamento sfondo un solo asse

Question

penso che la mia ultima domanda travolto tutti, quindi mi semplificare

Sto tentando di cambiare il background-position dell'unico asse x. Per impostazione predefinita, se un solo valore è definito, le altre impostazioni predefinite per 50%, quindi questa funzione:

function colorChangePiano() { 
    var bp = $("background-position").css; 
    $("#target").css('background-position', (bp == -1131) ? '-377' : '0'); 
} 

rendimenti background-position: 0 50%;

Come posso modificare la funzione per cambiare l'asse x ma lasciare l'asse y invariato?

modificato -> questo è per uno sprite con 4 colonne e 4 righe in modo che l'asse y rimanga dinamico. sito di lavoro qui: http://www.avalonbyeaw.com fare clic su "finiture". abbiamo ottenuto lavorando con qualche pazzo scripting complicato sul sito dal vivo, ma lascio questo qui comunque perché mi piace ancora molto per trovare una soluzione a questo problema

Answer 1

Aggiungere i 2 valori per background-position (come è si aspetta). Salva anche la posizione corrente in una variabile che rende più semplice.

var pos = -377; 
var colorChangePiano = function() { 
    if (pos == -377) { 
    pos = -1131 
    } 
    else { 
    pos = -377 
    } 
    $('#target').css({ 
    'backround-position': pos + 'px 0px' // will result in "Xpx 0px" 
    }); 
} 

Answer 2

Ecco come lo farei.

$('#target').css('background-position', function(i, backgroundPosition) { 
    return backgroundPosition.replace(/\d+px/, '60px'); 
});