Javascript Bildbetrachter funktioniert nicht im Internet Explorer

Question

Ich habe eine ähnliche Art von Bildbetrachter in unten genannten Website für meine Website erwähnt. http://www.javascriptkit.com/script/script2/backbox/ Der Bildbetrachter funktioniert gut in Chrome, funktioniert aber nicht in Internet Explorer; Ich habe meine Website-Details aus Sicherheitsgründen nicht angegeben, aber Sie sehen das Problem durch Kopieren des folgenden Links in Chrome und Internet Explorer. http://www.javascriptkit.com/script/script2/backbox/

das Bild in obigen Link klicken und den Fehler im Internet Explorer & das gleiche in anderen Browser sehen einen betriebsbereiten Zustand zu sehen ... PFB Momentaufnahme

Könnte jemand von Sie sagen, warum nicht im Internet Explorer funktioniert?

Fehler Nachricht von IE F12 devolper Tools Konsolenbereich ist:

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

Wenn Sie Probe js Dateien benötigen, wenden Sie sich bitte, dass von http://www.javascriptkit.com/script/script2/backbox/backboxfiles.zip

HTML erhalten verwendet wird;

<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

über Ihre Bedenken in Bezug auf, warum dies in IE auftritt und nicht in Chrom, das ist, weil diese Bedingung if(/MSIE/.test(navigator.userAgent) was wahr ist, wenn Ihr Browser IE ist

für das Problem zu korrigieren, wie Sie in einem Kommentar sagen Sie hinzufügen kann, eine "undefinierte" Bedingung.
ersetzen Sie einfach die folgende Zeile:

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

mit:

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

und diese Zeile:

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

mit:

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

im effects.js Datei

Answer 2

öffnen Entwicklertools in IE (drücken Sie F12) und klicken Sie auf die "Console" Registerkarte. Sie sollten in der Lage sein, dort zu sehen, dass es ein Fehler mit dem effects.js Skript:

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

, dass zumindest sollten Sie irgendwo geben zu Beginn der Suche.

... und wenn Sie, dass faul sind, dann ist die tatsächliche Codezeile auf es in Ermangelung:

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

Der getStyle Anruf deutlich zurückkehrt null, so anschließend wird Aufruf ersetzen scheitern.

Answer 3

Internet Explorer unterstützt derzeit keine vollständige HTML5-Unterstützung. Jede Manipulation von HTML5-bezogenen Tags oder Elementen wird daher fehlschlagen. Es lohnt sich zu versuchen, die html5shiv-Bibliothek einzuschließen, die IE glauben lässt, dass diese Tags existieren.