Скрипт не выполняется в IE. В остальных браузерах - выполняется.
Здравствуйте!
Прошу совета, ибо сам уже не пойму, где зарыта собака. Есть одна страница: 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%"> Заранее благодарен. |
Часовой пояс GMT +3, время: 17:05. |