Я атрымаў у спадчыну вэб-частку ад старога пастаўшчыка кліента і мае праблема памеру малюнка. Фотаздымкі павінны быць 60×50 але па нейкай прычыне, арыгінальны пастаўшчык змушаны іх на 42×42, так што яны выглядаюць раздушаны:
Добра малюнка |
Bad Image |
Вось разметкі (некалькі спрошчаны):
<клас табліцы = 'пашыранай перспектывы ">
<THEAD>
<тр>
<м шырыня = '100′>3 Аўторак</м>
</тр>
</THEAD><TBODY>
<тр клас = 'прагноз'>
<TD шырыня = '100′>
<Вуліца>
<Ці клас = 'высокі'>Высокі: 72&Вы;F</Li>
<Ці клас = "нізкі">Нізкі: 44&Вы;F</Li>
<Ці клас = 'стан'>Сонечны
<IMG SRC =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ шырыня = '42’ Вышыня = '42’ Alt =” />
</Li>
</Вуліца>
</TD>
</тр></TBODY>
</стол>
Звярніце ўвагу, што хоць Шлях да самога малюнку паказвае правільны памер (60×50) першапачатковым прадаўцом прымусілі яго ў 42×42. Чаму? Вар'ят.
У любым выпадку, Я хацеў хуткае і лёгкае рашэнне гэтай праблемы, і я звярнуўся да JQuery. Трук быў, каб знайсці ўсе патрэбныя <IMG> тэгаў. Я не хачу, каб бадзяцца з любым іншым IMG тэгі (якіх шмат). Гэта трохі JQuery зрабіў сваю справу:
<script type="text/javascript" SRC ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></сцэнар>
<Сцэнар тып = "тэкст / JavaScript">
$(дакумент).гатовы(функцыя () {$(‘li.condition > IMG ").кожны(функцыя (індэкс, пункт)
{
$(пункт).CSS("width", "60");
$(пункт).CSS("height", "50");
});
}); // дакумента нагрузкі
</сцэнар>
Вось кавалак кода знаходзіцца калекцыя <Li> тэгі, клас "стан" і <IMG> дзяцей. Затым ён праходзіць праз усё гэта. Працаваў як шарм.
Я мог бы ўпарадкаваць яе, Але я ніколі не быў такі хлопец, UNIX, што вырашыць π да 18 лічбы дакладнасцю, выкарыстоўваючы СЭД і AWK, і я не такі, калі хлопец або JQuery .
</канец>
Выконвайце за мной на Twitter у http://www.twitter.com/pagalvin