PDA

View Full Version : simple controls gallery 1.4 on IE 8



erpierre
01-17-2012, 09:24 PM
1) Script Title: Simple Controls Gallery 1.4

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

3) Describe problem: I have incorporated this script on the index page of one my sites -- www.integritytransportservices.com -- however the images don't display in IE 8. I get a script error -- 'imagearray[...].0' is null or not an object
Line: 43
Char: 3
Code: 0
URI: http://www.integritytransportservices.com/simplegallery.js

The images display fine in IE 9, FF, and chrome. Any ideas?

Thanks!

jscheuer1
01-18-2012, 01:13 AM
No comma (red) allowed after the last imagearray item (highlighted):


<script type="text/javascript">

var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [379, 330], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["http://www.integritytransportservices.com/images/cars.jpg", "", "", ""],
["http://www.integritytransportservices.com/images/car-driver1.jpg", "", "", ""],
["http://www.integritytransportservices.com/images/suburban_ext.jpg", "", "", ""],
["http://www.integritytransportservices.com/images/suburban_seat.jpg", "", "", ""],
["http://www.integritytransportservices.com/images/suburban_int.jpg", "", "", ""],
["http://www.integritytransportservices.com/images/suburban_lts.jpg", "", "", ""],
],
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})

</script>

That's strict javascript rules. All browsers except IE 8 and less will now error correct that for you. Remove that comma and it should be fine.

The browser cache may need to be cleared and/or the page refreshed to see changes.

erpierre
01-18-2012, 02:05 AM
Thanks for your help -- that solved the problem and the page now displays properly !!! :)