Dziwny problem

[mateo]

Witajcie.

Głowię się od paru dobrych chwil nad jedną rzeczą. Stworzyłem mały "skrypcik"

Kod PHP:

function odstepy(img){                
    var rozmiar = $(img).height();
    var odstep = (50 - rozmiar)  / 2;
    $(img).css({'padding-top' : odstep});
} 


Jego zadaniem jest dodawanie paddingu dla obrazków, tak by był on wyśrodkowany w pionie. Nie rozklejajmy się teraz nad tym, czemu nie użyję vertical-align. Skrypt wywołuję poprzez

Kod PHP:

<img src="zdjecia/50/CuerraCuesta.jpg" onload="odstepy(img_m_0)" id="img_m_0" alt="Buty Cuerra Cuesta" />

lub

<img src="zdjecia/50/CuerraCuesta.jpg" onload="odstepy(img_ma_0)" id="img_ma_0" alt="Buty Cuerra Cuesta" /> 


Problem polega na tym, że na jednej podstronie skrypt działa, a na innej nie. W tym przypadku działa an stronie, gdzie użyty został pierwszy z wymienionych wyżej <img>. Macie jakieś pomysły na to, by skrypt zaczął działać poprawnie, lub co powoduje że występują takie komplikacje.

[Kartofelek]

Swoją drogą lepiej nie pomijaj atrybutów obrazka, bo sam sobie zaszkodzisz (patrz chrome)

[mateo]

kornell, po odpowiedniej modyfikacji skrypcik zaczął działać jak ta lala. Kartofele, mógłbyś rozwinąć swoją myśl?

[mateo]

chodzi mu pewnie o height , width oraz title
http://www.w3schools.com/html/html_images.asp

zapomniałem jeszcze dodać, że powinieneś sprawdzić, czy .height()%2 !=0 bo nie ma czegoś takiego jak pół piksela.

Width i height ustalone mam w css. Co do drugiej części, to oczywiście tego dotyczyłam moja edycja skryptu.

[Kartofelek]

W css to sobie stylujesz. Atrybuty to co innego i trzeba je podawać. Uno - strona podczas wczytywania ci się nie rozjeżdża. Due - Ludzie mogą sobie title i alt przeczytać jak im się nie wgra grafika. Three - Chrome źle wylicza wymiary obrazków jeżeli nie mają atrybutów.