Вообщем суть поста такова.
Написал сайт на Django в котором внутри блока со свойством position: absolute лежит картинка.
Эту картинку нужно вертикально центровать. Проблема в том что размер картинки нам будет не известен, и количество картинок на тоже не известно. Единственное что удалось сделать так это то что у каждой картинки id = "1" увеличивается как счётчик.
На каждой картинке у нас стоит событие onLoad.
var myimage = document.getElementById("myimage");
if (typeof myimage.naturalWidth == "undefined") {
// IE 6/7/8
var i = new Image();
i.src = myimage.src;
var rw = i.width;
var rh = i.height;
}
else {
// HTML5 browsers
var rw = myimage.naturalWidth;
var rh = myimage.naturalHeight;
}
var div = document.getElementById("myimage");
div.style.marginTop = (478/2)-(rh/2);
Этот кусок кода я нашел, он отлично справляется со своими задачами, но проблема в том что он работает только для одной картинки, первой либо с указанным id
Необходимо что-бы был счётчик который бы изменял своё значение от количества вызовов функции.
То есть у нас переменная x = 1; у нас подсчитало значение для картинки с id = "1"
x=x+1 и функция заканчивает работу оставляя при этом значение x="2".
Либо какой-то другой вариант! буду очень вам благодарен.
CSS вопрос никак не решает !
