Il visualizzatore di immagini Javascript non funziona in Internet Explorer

Question

Ho realizzato un tipo simile di visualizzatore di immagini menzionato nel sito sottostante per il mio sito web. http://www.javascriptkit.com/script/script2/backbox/ Il visualizzatore di immagini funziona perfettamente in Chrome ma non funziona in Internet Exlporer; Non ho fornito i dettagli del mio sito web per motivi di sicurezza, ma visualizzi il problema incollando copia sotto il link in Chrome e Internet Explorer. http://www.javascriptkit.com/script/script2/backbox/

Clicca l'immagine nel link qui sopra e vedere l'errore in Internet Explorer & vedere lo stesso in altro browser per vedere la sua condizione di lavoro ... PFB snap shot

Può uno qualsiasi dei dici perché non funziona in Internet Explorer?

errore messaggio da IE zona della consolle strumenti F12 devolper è:

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

Se avete bisogno di file di esempio js, ​​si prega di ottenere che da http://www.javascriptkit.com/script/script2/backbox/backboxfiles.zip

HTML utilizzato è;

<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

per quanto riguarda la vostra preoccupazione perché questo si verifica in IE e non in cromo, che è a causa di questa condizione if(/MSIE/.test(navigator.userAgent) che è vero quando il browser è IE

per correggere il problema, come lei ha detto in un commento è possibile aggiungere una condizione "indefinita".
basta sostituire questa linea:

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

con:

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

e questa linea:

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

con:

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

nel effects.js di file

Answer 2

strumenti Open sviluppatori in IE (premere F12) e fare clic sulla scheda "Console". Si dovrebbe essere in grado di vedere in là che c'è un errore con lo script effects.js:

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

Questo dovrebbe almeno dare qualche parte per iniziare la ricerca.

... e se siete pigri che, la linea reale di codice è in mancanza on è questo:

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

La chiamata getStyle è chiaramente tornando nullo, quindi successivamente chiamando sostituire fallirà.

Answer 3

Internet Explorer non dispone attualmente del supporto HTML5 completo. Pertanto, qualsiasi manipolazione di tag o elementi correlati a HTML5 fallirà. Vale la pena provare ad includere la libreria html5shiv, che fa credere a IE che questi tag esistano.