2013-03-04 28 views
5

Obecnie pracuję nad website i użyłem suwaka Kenburner na stronie głównej.Suwak Kenburner nie działa w IE

Suwak działa dobrze w przeglądarkach Firefox i Chrome, ale nie działa w wersjach IE7 i niższych. Czy ktokolwiek może sugerować, jakie kroki powinienem podjąć?

+0

Wydaje się nie działać w IE8 - dla mnie. Zauważyłem, że jest to oparte na płótnie, IE8 - w ogóle nie ma wsparcia dla płótna. – qwerty

+0

Mówisz o tym? http://www.themepunch.com/codecanyon/kenburner/ –

+0

To może nie być Kenburner powodujący twoje kłopoty. Masz 30 różnych skryptów przywoływanych (20 to skrypty hostowane na serwerze), które zawierają starą wersję jQuery (1.5) i nowszą wersję jQuery UI 1.8.13. Może to połączenie kilku zasobów na tej samej stronie. –

Odpowiedz

1

Według ich FAQ, należy to do góry strony przed każdym kodzie html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Sprawdź link slider faq

EDIT, Dodatkowe informacje:

Gdybym odwiedzić link themepunch kenburner podczas korzystania z narzędzi programistycznych F12 i symulacji mojego trybu przeglądarki do IE7 lub IE8 suwak działa. Czy obejrzałeś źródło i sprawdziłeś metatagi, takie jak ""? Widzę również, że strona używa jquery 1.7, jest to możliwe, jeśli używasz późniejszej wersji, może nie być kompatybilna.

+0

Ale nie używam wowslider. To suwak kenburner. Przy okazji postępuję zgodnie z twoimi instrukcjami, ale nic się nie zmieni. –

+0

Przeprosiny, wyszukiwarka google znalazła odniesienie do tego. Czy możesz podać link do strony źródłowej? – jjay225

1

Może powinieneś opublikować swój kod. Według ich strony, link, działa ona w IE7 (i odwiedzając przykładową stronę w IE7, mogę to potwierdzić).

Może powinieneś sprawdzić przykładową witrynę, aby dopasować kod do tego, jak powinien wyglądać. Na koniec kod powinien wyglądać następująco:

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 
});