Јас наследи веб дел од стариот продавач на клиентот и тоа има големината на сликата проблем. Сликите треба да бидат 60×50 но за некои чудни причина, оригиналниот продавач ги принудувал во 42×42, па тие да изгледа стеснето:
Добра слика |
Лоша слика |
Еве за Селектирај (малку поедноставена):
<маса класа = 'продолжен Outlook'>
<thead>
<tr>
<та width = '100′>3 Вторник</та>
</tr>
</thead><tbody>
<tr класа = 'прогноза'>
<ТД width = '100′>
<Улица>
<Ли класа = "високо">Високо: 72&сте;F</Ли>
<Ли класа = 'ниски'>Ниско: 44&сте;F</Ли>
<Ли класа = "состојба">Сонцето
<img src =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ height = '42’ alt =” />
</Ли>
</Улица>
</td>
</tr></tbody>
</маса>
Ќе се напомене дека иако патот кон сликата сама по себе покажува соодветна димензија (60×50) оригиналниот продавач беше принуден во 42×42. Зошто? Луди.
Како и да е, Сакав брзо и лесно решение на ова прашање и се свртев jQuery. Трикот е да го лоцира сите на соодветни <img> тагови. Јас не сакам да мотам со било која друга IMG тагови (на кои има многу). Ова малку на jQuery не е доволно:
<скрипта тип = "text / javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></скрипта>
<скрипта тип = "text / javascript">
$(документ).подготвени(функција () {$(‘li.condition > img ').секоја(функција (индекс, содржина)
{
$(содржина).CSS("Ширина", "60");
$(содржина).CSS("Висина", "50");
});
}); // на документот оптоварување
</скрипта>
Тоа малку на кодот наоѓа колекција <Ли> тагови чија класа е "состојба" и <img> деца. Таа потоа iterates преку сето тоа. Работел како шарм.
Јас веројатно би можеле да го насочат, но никогаш не бев вид на Unix дечко кој реши π да 18 цифри прецизност користење на сед и awk и јас не сум таков вид ако jQuery дечко или .
</крајот>
Да се претплатите на мојот блог.
Следете ме на Twitter во http://www.twitter.com/pagalvin