Галерея в IE
<style>
#gm *{margin:0;padding:0;border:0;text-decoration:none;} #gm a{outline:none;float:right;color:#fff;font-size:25px;width:40px;vertical-align:middle;font-weight:normal;margin:0 -10px 0 0;padding-left:5px;} </style> <div id="gm" style="position:absolute;background:#000;left:100p x;top:100px;color:#fff;padding:3px;display:block;" > <p style="height:30px;overflow:hidden;"> <img src="loader.gif" alt="loader" id="gl" style="float:left;display:block;margin:2px 0 0 0;" /> <a href="#" style="width:28px;line-height:32px;" onclick="return gal.close();">×</a> <a href="#" id="galBoxNext" onclick="return gal.next();">→</a> <a href="#" id="galBoxPrev" onclick="return gal.prev();">←</a> </p> <div id="gn" style="display:block;">изображение №</div> <div id="gw" style="background:#fff;height:200px;width:200px;"> <img id="gi" alt="первая картинка" src="galBlank.gif" /></div> <div id="gt" style="">описание картинки</div> </div> <script> var i=200; function test(){ i+=10; document.getElementById('gw').style.width=i+'px'; document.getElementById('gw').style.height=i+'px'; if(i<500) setTimeout('test()',20); } test(); </script> Этот блок показывает картинки в фотогалерее. Работать дожен так: в отдельный div 'prev' загружаем картинку, далее анимация, div 'gw' растягиваем до размеров первого div'a, вставляем картинку в div 'gi'. В Хроме и Опере все ок, а в IE div 'gm' растянут. Его размеры меня не интересуют. Главное div 'gw'. Надо, чтобы при инициализации галереи он имел установленные размеры, которые будут меняться скриптом, а размеры div 'gm' подстраивались под него. Помогите, заранее благодарю. |
Часовой пояс GMT +3, время: 16:56. |