Image array link with link to run javascript slideshow wont run in IE but works in Chrome
<p>I have this code below, and when I click on an image in the slideshow in CHROME it works, but in IE it just loads the page with         javascript:void(viewer.show(0))in the address bar.</p>

<pre><code>    &lt;script type="text/javascript"                      src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;

    &lt;script src="translucentslideshow.js" type="text/javascript"&gt;
    &lt;/script&gt;
    &lt;script type="text/javascript"
src="http://slideshow.triptracker.net/slide.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;

    &lt;!--PUT LARGER IMAGES IN HERE FOR THOSE YOU NEED ENLARGING --&gt;
    var viewer = new PhotoViewer();
    viewer.add("files/big1.jpg");
    viewer.add("files/big2.jpg");
    viewer.add("files/big3.jpg");
     //--&gt;

    var translideshow1=new translideshow({
wrapperid: "myslideshow", //ID of blank DIV on page to house Slideshow
dimensions: [520, 280], //width/height of gallery in pixels. Should reflect             dimensions of largest image. Smaller images need to be made this dimension with white           background
imagearray: [       
    ["files/slide1.jpg", "javascript:void(viewer.show(0))"],//["image_path",    "optional_link", "optional_target"]
["files/slide2.jpg", "javascript:void(viewer.show(1))"],
["files/slide3.jpg", "javascript:void(viewer.show(2))"] //&lt;--no trailing comma  after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:100, pauseonmouseover:false},//5000           between slides, 100 cycles
orientation: "h", //Valid values: "h" or "v"
persist: true, //remember last viewed slide and recall within same session?
slideduration: 500 //transition duration (milliseconds)
})
&lt;/script&gt;
</code></pre>

<p>TRANSLUCENTSLIDESHOW.JS TEXT:</p>

<pre><code>/* Translucent slideshow
* Created: Jan 12th, 2011 by DynamicDrive.com. This notice must stay intact for usage 
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code
*/

jQuery.noConflict()

function translideshow(options){
var $=jQuery
this.setting={displaymode:{type:'auto', pause:2000, cycles:2, pauseonmouseover:true}, orientation:'h', persist:true, slideduration:500} //default settings
jQuery.extend(this.setting, options) //merge default settings with options
var curslide=(this.setting.persist)? translideshow.routines.getCookie("slider-"+this.setting.wrapperid) : 0
this.curslide=(curslide==null || curslide&gt;this.setting.imagearray.length-1)? 0 : parseInt(curslide) //make sure curslide index is within bounds
this.curstep=0
this.zIndex=1
this.animation_isrunning=false //variable to indicate whether an image is currently being slided in
this.posprop=(this.setting.orientation=="h")? "left" : "top"
options=null
var slideshow=this, setting=this.setting, preloadimages=[], slidesHTML=''
for (var i=0; i&lt;setting.imagearray.length; i++){ //preload images
    preloadimages[i]=new Image()
    preloadimages[i].src=setting.imagearray[i][0]
    slidesHTML+=translideshow.routines.getSlideHTML(setting.imagearray[i], setting.dimensions[0]+'px', setting.dimensions[1]+'px', this.posprop)+'\n'
}
jQuery(function($){ //on document.ready
    slideshow.init($, slidesHTML)
})
$(window).bind('unload', function(){ //on window onload
    if (slideshow.setting.persist) //remember last shown slide's index?
        translideshow.routines.setCookie("slider-"+setting.wrapperid, slideshow.curslide)
})
}

translideshow.prototype={

slide:function(nextslide, dir){ //possible values for dir: "left", "right", "top", or "down"
    if (this.curslide==nextslide)
        return
    var slider=this
    var nextslide_initialpos=this.setting.dimensions[(dir=="right"||dir=="left")? 0 : 1] * ((dir=="right"||dir=="down")? -1 : 1)
    var curslide_finalpos=-nextslide_initialpos
    var posprop=this.posprop
    if (this.animation_isrunning!=null)
        this.animation_isrunning=true //indicate animation is running
    //this.$imageslides.eq(dir=="left"||dir=="top"? nextslide : this.curslide).css("zIndex", ++this.zIndex) //increase zIndex of upcoming slide so it overlaps outgoing
    this.$imageslides.eq(nextslide).css(translideshow.routines.createobj(['visibility', 'visible'], ['zIndex', ++this.zIndex], ['opacity', 0.3], [posprop, nextslide_initialpos])) //show upcoming slide
        .animate(translideshow.routines.createobj([posprop, 0]), this.setting.slideduration, function(){
            jQuery(this).css('opacity', 1)
            slider.animation_isrunning=false
        })
    //this.$imageslides.eq(this.curslide).animate(translideshow.routines.createobj([posprop, curslide_finalpos]), this.setting.slideduration, function(){jQuery(this).css("visibility", "hidden")}) //hide outgoing slide
    this.curslide=nextslide
},

navigate:function(keyword){ //keyword: "back" or "forth", or "integer"
    clearTimeout(this.rotatetimer)
    var dir=(keyword=="back" || parseInt(keyword)&lt;this.curslide)? (this.setting.orientation=="h"? "right" : "down") : (this.setting.orientation=="h"? "left" : "up")
    var targetslide=(keyword=="back")? this.curslide-1 : (keyword=="forth")? this.curslide+1 : parseInt(keyword)
    targetslide=(targetslide&lt;0)? this.$imageslides.length-1 : (targetslide&gt;this.$imageslides.length-1)? 0 : targetslide //wrap around
    if (this.animation_isrunning==false)
        this.slide(targetslide, dir)
},

rotate:function(){
    var slideshow=this
    if (this.ismouseover){ //pause slideshow onmouseover
        this.rotatetimer=setTimeout(function(){slideshow.rotate()}, this.setting.displaymode.pause)
        return
    }
    var nextslide=(this.curslide&lt;this.$imageslides.length-1)? this.curslide+1 : 0
    this.slide(nextslide, this.posprop) //go to next slide, either to the left or upwards depending on setting.orientation setting
    if (this.setting.displaymode.cycles==0 || this.curstep&lt;this.maxsteps-1){
        this.rotatetimer=setTimeout(function(){slideshow.rotate()}, this.setting.displaymode.pause)
        this.curstep++
    }
},

init:function($, slidesHTML){
    var slideshow=this, setting=this.setting
    this.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}) //main DIV
    if (this.$wrapperdiv.length==0){ //if no wrapper DIV found
        alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.")
        return
    }
    this.$wrapperdiv.html(slidesHTML)
    this.$imageslides=this.$wrapperdiv.find('div.slide')
    this.$imageslides.eq(this.curslide).css(translideshow.routines.createobj([this.posprop, 0])) //set current slide's CSS position (either "left" or "top") to 0
    if (this.setting.displaymode.type=="auto"){ //auto slide mode?
        this.setting.displaymode.pause+=this.setting.slideduration
        this.maxsteps=this.setting.displaymode.cycles * this.$imageslides.length
        if (this.setting.displaymode.pauseonmouseover){
            this.$wrapperdiv.mouseenter(function(){slideshow.ismouseover=true})
            this.$wrapperdiv.mouseleave(function(){slideshow.ismouseover=false})
        }
        this.rotatetimer=setTimeout(function(){slideshow.rotate()}, this.setting.displaymode.pause)
    }
}

}

translideshow.routines={

getSlideHTML:function(imgref, w, h, posprop){
    var posstr=posprop+":"+((posprop=="left")? w : h)
    var layerHTML=(imgref[1])? '&lt;a href="'+imgref[1]+'" target="'+imgref[2]+'"&gt;' : '' //hyperlink slide?
    layerHTML+='&lt;img src="'+imgref[0]+'" style="border-width:0;" /&gt;'
    layerHTML+=(imgref[1])? '&lt;/a&gt;' : ''
    return '&lt;div class="slide" style="position:absolute;'+posstr+';width:'+w+';height:'+h+';text-align:center;"&gt;'
        +'&lt;div style="width:'+w+';height:'+h+';display:table-cell;vertical-align:middle;"&gt;'
        +layerHTML
        +'&lt;/div&gt;&lt;/div&gt;' //return HTML for this layer
},


getCookie:function(Name){ 
    var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
    if (document.cookie.match(re)) //if cookie found
        return document.cookie.match(re)[0].split("=")[1] //return its value
    return null
},

setCookie:function(name, value){
    document.cookie = name+"=" + value + ";path=/"
},

createobj:function(){
    var obj={}
    for (var i=0; i&lt;arguments.length; i++){
        obj[arguments[i][0]]=arguments[i][1]
    }
    return obj
}
}
</code></pre>
