Здравствуйте. Подскажите, как узнать ширину картинки '$dir_big$files[$i]', поделить значение на 3 и подставить в стиль к ссылке вместо padding-left и padding-right? Если это важно, то дивы и картинки формируются с помощью цикла, последовательно присваивая порядковый номер (showimage1 link_back1 link_next1).
| Код |
<div class='popupbox' id='showimage1'>
<div class='popupbox_image'>
<img src='$dir_big$files[$i]' />
<div class='navigat'>
<a href='#' id='link_back1' class='back_g' style='padding-left:XXpx;'>
<a href='#' id='link_next1' class='next_g' style='padding-right:XXpx;'>
</div>
</div>
</div>
<div class='popupbox' id='showimage2'>
<div class='popupbox_image'>
<img src='$dir_big$files[$i]' />
<div class='navigat'>
<a href='#' id='link_back2' class='back_g' style='padding-left:XXpx;'>
<a href='#' id='link_next2' class='next_g' style='padding-right:XXpx;'>
</div>
</div>
</div>
<div class='popupbox' id='showimage3'>
<div class='popupbox_image'>
<img src='$dir_big$files[$i]' />
<div class='navigat'>
<a href='#' id='link_back3' class='back_g' style='padding-left:XXpx;'>
<a href='#' id='link_next3' class='next_g' style='padding-right:XXpx;'>
</div>
</div>
</div>
|
Наковырял код, но он работает только для первой картинки, а для всех последующих не изменяется. Мне посоветовали: "Слушать событие onload для каждой картинки, а не как сейчас", но что это значит и как реализовать, не знаю. Помогите, пожалуйста.
| Код |
var shh = document.getElementsByClassName("popupbox_image").length;
document.getElementsByClassName("popupbox_image")[0].children[0].onload=function()
{
var w = Math.ceil(this.offsetWidth/3);
var i;
for (var i = 0; i < shh; i++){
document.getElementsByClassName("back_g")[i].style.paddingLeft=w+"px";
document.getElementsByClassName("next_g")[i].style.paddingRight=w+"px";
}}
|
|
