Thanh trượt hình ảnh jquery của tôi không mượt mà trong chrome nhưng tốt trong firefox và IE

Question

Vì vậy, tôi có thanh trượt hình ảnh thực sự đơn giản này trang này ở đây http://charlesbergertattoos.com/tattoos chỉ hoạt động tốt trong IE và firefox. Các hình ảnh động là thực sự trơn tru và những hình ảnh thực sự trượt, nhưng trong chrome nó không mịn ở tất cả.

Answer 1

• demo:http://jsbin.com/oruxip

vì trên sự kiện click của bạn gọi slider_animate() trực tiếp của bạn không gọi plugin của bạn

trong chrome khi bạn làm điều đó các slide_widths var là 0 vì bạn đã xác định và thực thi logic gán bên ngoài chức năng sự kiện để tĩnh

tĩnh của nó

bạn có 2 tùy chọn đặt dòng đó bên trong hàm slider_animate

var slide_widths = $(e).find('.holder > li:first').width(); 
//correct the variables name accordingly 

hoặc gọi các plugin function chính nó mà là imgSlider

Answer 2

Vâng trong caraousel.js trên đường dây không. 32

thử sử dụng một cái gì đó đồng nghĩa với đoạn mã sau thay vì chữ cái hiện hữu Tôi có nghĩa là .animate() gọi ... nên cái gì đó như animate ({marginLeft: "233px"})

$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginRight: "-233px"}); 

này sẽ làm việc như nhấp chuột trước

$('.browse.button.next.right').parent().find('.holder').children('li').eq('0').animate({marginLeft: "233px"}) 

này sẽ làm việc nhấp chuột như sau

và những công việc cú pháp trong cả chrome và firefox ..