javascript представленный ниже корректно отображается во всех браузерах за исключением IE (пример отображения
здесь). Буду рад любой помощи в решении этой проблемы.
код html выглядит так:
<!--<Explorer_End>-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<style type="text/css">
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0 solid darkred;
}
#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}
</style>
<script type="text/javascript" src="http://driverfor.ucoz.ru/JavaScript/simplegallery.js">
</script>
<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [700, 150], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["http://driverfor.ucoz.ru/Gallery/700_150/bahai1_700_150.jpg", "http://freeparking.ucoz.ru/publ/puteshestvija/sever_italii/opisanie_marshruta_rim_florencija_piza_venecija_verona_insbruk_bergamo/2-1-0-5", "_new", "There's nothing like a nice Roma."],
["http://driverfor.ucoz.ru/Gallery/700_150/bahai6_700_150.jpg", "http://freeparking.ucoz.ru/publ/puteshestvija/avstrija/insbruk/7-1-0-4", "_new", ""],
["http://driverfor.ucoz.ru/Gallery/700_150/eilat_rif_700_150.jpg", "http://freeparking.ucoz.ru/publ/puteshestvija/avstrija/insbruk/7-1-0-4", "", "Swarowsky, it's good for you!"],
["http://driverfor.ucoz.ru/Gallery/700_150/eilat_view_700_150.jpg", "", "", "Innsbruck"],
["http://driverfor.ucoz.ru/Gallery/700_150/mounts_Innsbruck_700_150.jpg", "http://freeparking.ucoz.ru/publ/besplatnye_avto_stojanki/izrail_ierusalim/9", "_new", "There's nothing like a nice Roma."],
["http://driverfor.ucoz.ru/Gallery/700_150/river_Inn_Innsbruck_700_150.jpg", "http://freeparking.ucoz.ru/publ/besplatnye_avto_stojanki/izrail_ierusalim/9", "_new", "There's nothing like a nice Roma."],
["http://driverfor.ucoz.ru/Gallery/700_150/river_Inn_Innsbruck_700_150.jpg", "http://freeparking.ucoz.ru/publ/besplatnye_avto_stojanki/izrail_ierusalim/9", "_new", "There's nothing like a nice Roma."],
],
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>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<!--<LOGO_Start>-->
<tr>
<td rowspan="2" >
<img src="./img/Logo_PF.png" usemap="#1" border="0" >
</td>
<td width="80%" height="100%" align="left">
<div id="simplegallery1"></div>
</td>
</tr>
<!--<LOGO_End>-->
<tr>
<td width="80%" height="100%" align="left">
<button onclick="top.location.href='http://www.parkingfree.ru/'" style="width:100px;height:75px" Fontcolor=""><font face="serif" size="2" color="#008000" bgcolor="FFFF66" face="Arial">
Бесплатные<br>стоянки</font></button>
<button onclick="top.location.href='http://www.parkingfree.ru/'" style="width:100px;height:75px" Fontcolor=""><font face="serif" size="2" color="#008000" face="Arial">
Путешествуем <br>вместе!</font></button>
<button onclick="top.location.href='http://www.parkingfree.ru/'" style="width:100px;height:75px" Fontcolor=""><font face="serif" size="2" color="#008000" face="Arial">
Авто<br> путешествия </font></button>
<button onclick="top.location.href='http://www.parkingfree.ru/'" style="width:100px;height:75px" Fontcolor=""><font face="serif" size="2" color="#008000" face="Arial">
ПДД<br>в Европе</font></button>
</td>
</tr>
</table>
<map name="1">
<area href="http://www.parkingfree.ru/" shape="circle"coords="100,100,100">
</map>
код JS выглядит так:
