Więc mam ten naprawdę prosty suwak obrazu tę stronę tutaj http://charlesbergertattoos.com/tattoos który działa dobrze w IE i Firefox. Animacja jest naprawdę gładka, a obrazy faktycznie przesuwają się, ale w chromie nie jest ona w ogóle gładka.Mój suwak obraz jQuery nie jest gładki w chrome, ale jest w porządku w firefox i IE
Odpowiedz
bo na kliknij zdarzenie swoje powołanie slider_animate()
bezpośrednio z nie dzwoni wtyczki
w chromie, gdy robisz że slide_widths
var jest 0, ponieważ zdefiniowałeś i wykonałeś logikę przypisania poza funkcją eventu, więc jej statyczna wartość to
masz 2 opcje umieścić tę linię wewnątrz funkcji slider_animate
var slide_widths = $(e).find('.holder > li:first').width();
//correct the variables name accordingly
lub wywołać funkcję samej wtyczki, która jest imgSlider
dobrze w caraousel.js na linii nr. 32
spróbuj coś synonimiczne do następującego kodu zamiast jednego niniejszego I oznacza .animate() zadzwonić ... powinno być coś jak ożywionej ({marginLeft: "233px"})
$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginRight: "-233px"});
to będzie działać jak poprzedniego kliknięcia
$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginLeft: "233px"})
to będzie działać jako Następnie kliknij
i te prace składni w chrome i Firefox ..
tutaj 233px to szerokość obrazu ... więc musimy przesuwać -/+ 233 px obrazka div..w lewo/w prawo trawers –
Wygląda na to, że Chrome ma inne zachowanie, najpierw próbuje zanikać obraz, a następnie go ślizga. W przeglądarce Firefox po prostu się ślizga. – Diabolic