Sem podedoval spletnih gradnikov iz starega dobavitelja naročnika in je podoba velikost problem. Slike morajo biti 60×50 ampak za nekatere čuden razlog, original dobavitelja prisilila v 42×42, tako izgledajo Izgnječen:
Dobro sliko |
Slab imidž |
Tukaj je označevalni (nekoliko poenostavljeno):
<namizni razred = "razširjeni outlook">
<THEAD>
<tr>
<th širina = "100′>3 Torek</th>
</tr>
</THEAD><TBODY>
<razred tr = "napoved">
<td širino = "100′>
<UL>
<Li class = "high">Visoko: 72°F</Li>
<Li class = "majhna">Nizko: 44°F</Li>
<Li class = "stanju">Sončno
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ širina = 42’ višina = 42’ ALT =” />
</Li>
</UL>
</TD>
</tr></TBODY>
</Tabela>
Bom vas opozoriti, da čeprav je pot do slike, sama prikazuje ustreznega razsežnosti (60×50) uradne to prisiljeni v 42×42. zakaj? noro.
Kakorkoli že, Hotela sem, da hitro in enostavno rešitev za težavo in sem se obrnil k jQuery. Trik je najti vse ustrezne <img> Tags. Nisem hotel postopati z vse druge oznake img (od katerih so mnogi). Ta bit jQuery did ukana:
<scenarij type = text/javascript"" src ="http://Ajax.googleapis.com/Ajax/libs/jQuery/1.5/jQuery.min.js"></skript>
<skript type = "text/javascript">
$(dokument).pripravljena(Funkcija () {$("li.condition > img ").vsak(Funkcija (indeks, element)
{
$(element).CSS("širina", "60");
$(element).CSS("višina", "50");
});
}); // na dokument obremenitev
</skript>
Ta košček kode najde zbiranje <Li> Tags katerega razreda je "stanje" in <img> otroci. To nato poudarjeno skozi vse to. Obdelan brezhibno.
Verjetno bi poenostaviti to, ampak nikoli nisem bil na vrste človek unix, ki reši π za 18 števk natančnost z uporabo sed in awk in nisem te vrste, če jQuery fant bodisi .
</namen>
Sledite mi na Cvrkutati na http://www.twitter.com/pagalvin