2013-03-04 49 views
5

Hiện tại tôi đang làm việc trên website và tôi đã sử dụng Kenburner Slider trong trang chủ.Kenburner Slider không hoạt động trong IE

Thanh trượt hoạt động tốt trên Firefox và Chrome nhưng nó không hoạt động trong IE7 và các phiên bản thấp hơn. Bất kỳ ai có thể đề xuất những bước nào tôi nên thực hiện?

+0

Dường như không hoạt động trong IE8- cho tôi. Tôi nhận thấy nó dựa trên canvas, IE8- không có hỗ trợ cho canvas. – qwerty

+0

Bạn đang nói về điều này? http://www.themepunch.com/codecanyon/kenburner/ –

+0

Nó có thể không phải là Kenburner gây ra rắc rối của bạn. Bạn có 30 tập lệnh được tham chiếu khác nhau (20 là các tập lệnh bạn đang lưu trữ trên máy chủ của mình) bao gồm phiên bản cũ của jQuery (1.5) và phiên bản mới hơn của jQuery UI 1.8.13. Có lẽ đó là sự kết hợp của một số tài nguyên trên cùng một trang –

Trả lời

1

Theo Câu hỏi thường gặp của họ, bạn nên này lên đầu trang của bạn trước bất kỳ mã html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Kiểm tra liên kết slider faq

EDIT, thông tin bổ sung:

Nếu tôi ghé thăm liên kết themepunch kenburner trong khi sử dụng công cụ phát triển F12 và mô phỏng chế độ trình duyệt của tôi với IE7 hoặc IE8 thanh trượt hoạt động. Bạn đã xem nguồn và kiểm tra các thẻ meta, chẳng hạn như ""? Tôi cũng thấy các trang web đang sử dụng jquery 1.7, nó có thể nếu bạn đang sử dụng một phiên bản sau này nó có thể không tương thích.

+0

Nhưng tôi không sử dụng wowslider. Đó là thanh trượt kenburner. Bằng cách tôi làm theo hướng dẫn của bạn nhưng không có gì thay đổi. –

+0

Xin lỗi, một tìm kiếm trên google đã đưa ra một tham chiếu về điều đó. Bạn có thể cung cấp liên kết đến trang nguồn không? – jjay225

1

Có thể bạn nên đăng mã của mình. Theo trang web của họ, link, nó hoạt động trong IE7 (và bằng cách truy cập trang web ví dụ trong IE7, tôi có thể xác nhận điều đó).

Có thể bạn nên kiểm tra trang web mẫu để khớp mã của bạn với cách mã được cho là đúng. Cuối cùng, mã của bạn phải giống như sau:

jQuery('#banner-example-1').kenburn(
{ 
    width:800, 
    height:320, 
    thumbWidth:120, 
    thumbHeight:70, 
    thumbAmount:6, 
    thumbSpaces:0, 
    thumbPadding:9, 
    thumbStyle:"both", 
    bulletXOffset:0, 
    bulletYOffset:-80, 
    repairChromeBug:"on", 
    shadow:'true', 
    timerShow:"on", 
    touchenabled:'on', 
    pauseOnRollOverThumbs:'off', 
    pauseOnRollOverMain:'on', 
    preloadedSlides:10, 
    timer:10 
}); 
Các vấn đề liên quan