Здравствуйте!
Прошу совета, ибо сам уже не пойму, где зарыта собака.
Есть одна страница:
http://volgabox.ru/stuff
Во всех браузерах, кроме IE всех версий, скрипты выполняются, а именно:
1. Отображается и работает галерея авто.
2. Перетаскиваются изображения багажников.
Надеюсь на вашу помощь. (Скрипты доступны по ссылкам)
Код :
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="StyleSheet" href="/css/drag.css" />
<meta http-equiv="Content-Language" content="en" />
<title>$MODULE_NAME$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
</head>
<body>
$ADMIN_BAR$
<script type="text/javascript" src="http://volgabox.ru/js/iutil.js"></script>
<script type="text/javascript" src="http://volgabox.ru/js/idrag.js"></script>
<script type="text/javascript" src="http://volgabox.ru/js/setup.js"></script>
<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [485, 200], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["/hb_g.jpg", "", "_new", "Хэтчбек городской"],
["hb_m.jpg", "", "_new", "Хэтчбек малый"],
["hb_s.jpg", "", "_new", "Хэтчбек средний"],
["s-m.jpg", "", "_new", "Седан малый"],
["sed_s.jpg", "", "_new", "Седан средний"],
["sed_b.jpg", "", "_new", "Седан большой"],
["sed_biz.jpg", "", "_new", "Седан бизнес-класс"],
["kr_kom.jpg", "", "_new", "Кроссовер-компакт"],
["kr_sr.jpg", "", "_new", "Кроссовер средний"],
["kr_kr.jpg", "", "_new", "Кроссовер крупный"],
["vnd.jpg", "", "_new", "Внедорожник"],
["mv.jpg", "", "_new", "Минивен"],
["univ.jpg", "", "_new", "Универсал"],
],
autoplay: false, //[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>
<style type="text/css">
#simplegallery1{
position: relative;
top: 275px;
left: 340px;
padding-left: 0px;
visibility: hidden;
border: 5px solid #FFFFFF;
background: #FFFFFF;
}
#simplegallery1 .gallerydesctext{
text-align: right;
padding: 10px 0px;
}
</style>
<div id="simplegallery1"></div>
<div id="drag1" class="draggable">SPO351
<p>133x85x40<span lang="ru">см</p>
<p>350 литров</span></p></div>
<div id="drag2" class="draggable">SPO<span lang="ru">431</span>
<p>171x73x39<span lang="ru">см</p>
<p>430 литров</span></p></div>
<div id="drag3" class="draggable">SPO<span lang="ru">501</span>
<p>216x73x38<span lang="ru">см</p>
<p>500 литров</span></p></div>
<div id="drag4" class="draggable">DYN 354
<p>133x85x37см</p>
<p>350 литров</p></div>
<div id="drag5" class="draggable">DYN 434
<p>171x73x37см</p>
<p>430 литров</p></div>
<div id="drag6" class="draggable">DYN 504
<p>216x73x37см</p>
<p>500 литров</p></div>
<div id="drag7" class="draggable"><div></div>AIR 355
<p>133x85x38см</p>
<p>350 литров</p></div>
<div id="drag8" class="draggable">AIR 435
<p>171x73x38см</p>
<p>430 литров</p></div>
<div id="drag9" class="draggable">AIR 505
<p>216x73x38см</p>
<p>500 литров</p></div>
<div id="drag10" class="draggable">CL 430
<p>171x73x36см</p>
<p>430 литров</p></div>
<div id="drag11" class="draggable">CL 500
<p>216x73x38см</p>
<p>500 литров</p></div>
<script type="text/javascript">
$(document).ready(
function()
{
$('#drag1').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag2').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag3').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag4').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag5').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag6').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag7').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag8').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag9').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag10').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
$('#drag11').Draggable(
{
ghosting: true,
opacity: 0.8,
fx: 300
}
);
}
);
</script>
</body>
</html>
$POWERED_BY$
<p style="line-height: 30%">
Заранее благодарен.
