<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' подстраивались под него. Помогите, заранее благодарю.