+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Dziwny problem (/thread-dziwny-problem--9966)
Dziwny problem - mateo - 18-09-2012
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.
RE: Dziwny problem - Kartofelek - 18-09-2012
Swoją drogą lepiej nie pomijaj atrybutów obrazka, bo sam sobie zaszkodzisz (patrz chrome)
RE: Dziwny problem - mateo - 18-09-2012
kornell, po odpowiedniej modyfikacji skrypcik zaczął działać jak ta lala. Kartofele, mógłbyś rozwinąć swoją myśl?
RE: Dziwny problem - mateo - 19-09-2012
(19-09-2012, 01:48)kornell napisał(a): 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.
RE: Dziwny problem - Kartofelek - 19-09-2012
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.