Ciao a tutti,
ho un problema con jquery e l'animazione dell'attributo left.
Semplicemente:
#selector è un div che disegna una barra colorata.
#img-assistenza è un'immagine di una serie di immagini facenti parte di un menu orizzontale.
Quello che voglio realizzare è che una volta cliccata l'immagine, #selector si sposti alla stessa posizione orizzontale dell'immagine:
codice:
var offset = $('#img-assistenza').offset();
var left = Math.round(offset.left);
var width = $('#img-assistenza').width();
$('#selector').animate({
left: left,
width: width,
backgroundColor: '#f3d711',
}, 200, function() {
});
// Animation complete.
Il problema è che dopo l'animazione, #selector non si sposta esattamente alla stessa posizione dell'immagine, ma alal sua precedente posizione left, viene aggiunta quella dell'immagine (invece che semplicemente sostituita).
Potrei semplicemente fare una differenza, ma ho a che fare con altre immagini quindi dovrò replicare lo spostamento, e il design è fluido, non statico quindi le posizioni variano continuamente: per questo ho bisogno di prendere la posizione esatta dell'immagine.
Come posso sistemare?
Grazie!