Наследио сам веб део из старог продавца клијента и има слика, величина проблема. Слике треба да буду 60×50 али из неког разлога одд, оригинални продавац их присилили 42×42, тако да изгледају згњечено:
Добра слика |
Лош имиџ |
Ево означавање (нешто упрошћена):
<табела ЦЛАСС = 'продуженог Оутлоок'>
<тхеад>
<тр>
<Тх видтх = '100′>3 Уторак</Тх>
</тр>
</тхеад><тд>
<тр цласс = 'прогноза'>
<тд видтх = '100′>
<Ул>
<ли цласс = 'хигх'>Висок: 72&степени;Ф</Ли>
<ли цласс = 'мали'>Низак: 44&степени;Ф</Ли>
<ли цласс = 'стање'>Сунчан
<имг срц =’хттп://десквк.веатхербуг.цом/имагес/Форецаст/ицонс/лоцализед/60×50/ен/транс/цонд007.пнг’ видтх = '42’ хеигхт = '42’ алт =” />
</Ли>
</Ул>
</тд>
</тр></тд>
</табела>
Приметићете да иако Пут до саме слике показује одговарајућу димензију (60×50) оригинални продавац је приморана на 42×42. Зашто? Луд.
У сваком случају, Желео сам брзо и једноставно решење за овај проблем, а ја окренуо јКуери. Трик је био да пронађе све одговарајуће <имг> ознаке. Ја нисам хтео да ленчарити са другим имг тагова (од којих су многи). Ово мало јКуери сам успео:
<script type="text/javascript" срц ="хттп://ајак.гооглеапис.цом/ајак/либс/јкуери/1.5/јкуери.мин.јс"></скрипта>
<script type="text/javascript">
$(документ).спреман(функција () {$(‘li.condition > имг ').сваки(функција (индекс, ставка)
{
$(ставка).цс("width", "60");
$(ставка).цс("height", "50");
});
}); // документа о оптерећењу
</скрипта>
Тај део кода проналази колекцију <Ли> ознаке чије класе је "стање" и <имг> деца. Затим понавља кроз све то. Радила је као шарм.
Вероватно сам могао да унапредите, али никада нисам био од оних који су решили уник момка π на 18 прецизност цифара помоћу сед и авк, а ја нисам такав момак или ако јКуери .
</крај>
Следите ме на Туиттер на http://www.twitter.com/pagalvin