2012-04-03 3 views
6

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

+0

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

Odpowiedz

5

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

0

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 ..

+0

tutaj 233px to szerokość obrazu ... więc musimy przesuwać -/+ 233 px obrazka div..w lewo/w prawo trawers –