Przeglądarka obrazów JavaScript nie działa w przeglądarce Internet Explorer

Question

Zrobiłem podobną przeglądarkę obrazów wspomnianą w poniższej witrynie dla mojej witryny. http://www.javascriptkit.com/script/script2/backbox/ Przeglądarka obrazów działa poprawnie w przeglądarce Chrome, ale nie działa w Internet Exlporer; Nie podałem danych mojej witryny ze względów bezpieczeństwa, ale widzisz problem, wklejając poniższy link w przeglądarce Chrome i Internet Explorer. http://www.javascriptkit.com/script/script2/backbox/

kliknij obrazek w powyższy link i zobaczyć błąd w przeglądarce Internet Explorer & widzieć to samo w innej przeglądarce, aby zobaczyć jego warunki pracy ... PFB przystawki strzał

mógłby jeden z możesz powiedzieć, dlaczego nie działa w przeglądarce Internet Explorer?

błąd Msg z obszaru konsoli narzędzia F12 devolper IE:

SCRIPT5007: Unable to get value of the property 'replace': object is null or undefined effects.js, line 1 character 1747

effects.js = http://www.javascriptkit.com/script/script2/backbox/js/effects.js

Jeśli potrzebujesz przykładowe pliki js, prosimy że od http://www.javascriptkit.com/script/script2/backbox/backboxfiles.zip

HTML jest używany;

<link rel="stylesheet" href="backbox.css" type="text/css" /> 
<script type="text/javascript" src="js/prototype.compressed.js"></script> 
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> 
<script type="text/javascript" src="js/lightbox.js"></script> 
<script type="text/javascript" src="js/dhtmlHistory.js"></script> 
<script type="text/javascript" src="js/customsignsheader.js"></script> 

<div onclick="dhtmlHistory.add('location1',{message: 'backbox'});countdown()"> 
<a href="images/babyhand.jpg" rel="lightbox[slide]" caption="A Bunch of Grapes"> 
<img src="images/sunset.jpg" alt="lime" width="400" height="300" border="0" /></a> 
</div> 

<a href="images/desert.jpg" rel="lightbox[slide]" caption="Sunflower"></a> 
<a href="images/beech.jpg" rel="lightbox[slide]" caption="Dolphin"></a> 
<a href="images/lime.jpg" rel="lightbox[slide]" caption="Waterfall"></a> 

<script type="text/javascript" src="js/customsignsfooter.js"></script> 

Answer 1

czasowo o swoim niepokoju, dlaczego tak się dzieje w IE, a nie w chromie, że to z powodu tej choroby if(/MSIE/.test(navigator.userAgent) co jest prawdziwe, gdy Twoja przeglądarka jest IE

skorygowania problemu, jak powiedział w komentarzu można dodać warunek "niezdefiniowany".
prostu zastąpić ten wiersz:

if(/MSIE/.test(navigator.userAgent)){Element.setStyle(_10,{filter:Element.getStyle(_10,"filter").replace(/alpha\([^\)]*\)/gi,"")+"alpha(opacity="+_11*100+")"});} 

z:

if(/MSIE/.test(navigator.userAgent)){var filterStyle=Element.getStyle(_10,"filter");if(typeof(filterStyle)!="undefined"){Element.setStyle(_10,{filter:filterStyle.replace(/alpha\([^\)]*\)/gi,"")+"alpha(opacity="+_11*100+")"});}} 

i ten wiersz:

if(/MSIE/.test(navigator.userAgent)){Element.setStyle(_10,{filter:Element.getStyle(_10,"filter").replace(/alpha\([^\)]*\)/gi,"")});} 

z:

if(/MSIE/.test(navigator.userAgent)){var filterStyle=Element.getStyle(_10,"filter");if(typeof(filterStyle)!="undefined"){Element.setStyle(_10,{filter:filterStyle.replace(/alpha\([^\)]*\)/gi,"")});}} 

w effects.js plików

Answer 2

Otwarte Narzędzia dla programistów w IE (naciśnij F12) i kliknąć zakładkę "Konsola". Powinieneś być w stanie zobaczyć, że tam nie ma błędu w skrypcie effects.js:

SCRIPT5007: Unable to get value of the property 'replace': object is null or undefined 
effects.js, line 1 character 1747 

To powinno przynajmniej dać gdzieś zacząć szukać.

... a jeśli jesteś że leniwi, rzeczywista linia kodu to upadającego na to:

Element.getStyle(_10,"filter").replace(/alpha\([^\)]*\)/gi,"") 

Wezwanie getStyle wyraźnie powrocie null, więc nazywając następnie zastąpić zawiedzie.

Answer 3

Internet Explorer nie obsługuje obecnie pełnej obsługi HTML5. Każda manipulacja tagami lub elementami związanymi z HTML5 zakończy się niepowodzeniem. Warto próbować dołączyć bibliotekę html5shiv, która nakłania IE do przekonania, że ​​istnieją te znaczniki.