Mi heredis araneaĵan parton de malnova vendisto de kliento kaj ĝi havas bildan grandecan problemon. La bildoj devus esti 60×50 Sed por iu stranga kialo, La originala vendisto devigis ilin en 42×42, Do ili rigardas squashed:
|
Bona Bildo |
Malbona Bildo |
 |
|
Ĉi tie-a la markup (Iom simpligita):
<Tabla klaso='plilongigita-perspektivo'>
<Thead>
<Tr>
<Th Larĝo='100′>3 Mardo</Th>
</Tr>
</Thead><Tbody>
<Tr klasa='prognozo'>
<Td larĝo='100′>
<Ul>
<Li klaso='alta'>Alta: 72&Deg;F</Li>
<Li klaso='malalta'>Malalte: 44&Deg;F</Li>
<Li klasa='kondiĉo'>Sunbrila
<Img src=’Http://Deskwx.Weatherbug.Com/bilda/Prognozo/ikonoj/malcentralizis/60×50/En/trans/cond007.Png’ Larĝo='42’ Alto='42’ Alt=” />
</Li>
</Ul>
</Td>
</Tr></Tbody>
</Tablo>
Vi notos ke eĉ kvankam la Vojo al la bildo ĝi mem Montras la konvenan dimension (60×50) La originala vendisto devigis ĝin en 42×42. Kial? Freneza.
Ĉiuokaze, Mi deziris rapidan kaj facilan solvon al ĉi tiu afero kaj mi turnis al jQuery. La ruzo estis troviĝi ĉiujn de la konvena <Img> Etikedoj. Mi ne deziris al feĉo pri kun ajna alia img etikedoj (De kiu estas multaj). Tio ĉi mordis de jQuery faris la ruzon:
<Skriba tipo="teksto/javascript" Src="Http://Ajax.Googleapis.Com/ajax/libs/jquery/1.5/jquery.Min.Js"></Skribo>
<Skriba tipo="teksto/javascript">
$(Dokumento).Preta(Funkcio () {$(‘Li.Kondiĉo > Img').Ĉiu(Funkcio (Indekso, Ero)
{
$(Ero).Css("Larĝo", "60");
$(Ero).Css("Alto", "50");
});
}); // Sur dokumenta ŝarĝo
</Skribo>
Kiu mordis de kodo trovas la kolekton <Li> Etikedas kies klaso estas “kondiĉo” kaj <Img> Infanoj. Ĝi tiam iterates tra ĉiuj de tio. Laborita kiel ĉarmo.
Mi verŝajne povus fluliniigi ĝin, Sed mi neniam estis la speco de unix ulo kiu solvis π Al 18 Cifera precizeco uzanta sed kaj awk kaj mi ne estas tiu afabla se jQuery ulo aŭ 
.
</Fino>
Sekvi min sur Pepi ĉe http://www.twitter.com/pagalvin
