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:
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).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.
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!

Rispondi quotando