A kijelző irántuk régi egy ügyfél-szállító, és ez birtokol egy kép mérete probléma. A képek legyenek a 60×50 valami furcsa okból, de, az eredeti szállító kényszerítette őket-ba 42×42, így néznek, squashed:
Jó kép |
Rossz kép |
Itt van a korrektúrák (kissé egyszerűsített):
<táblázat osztály = "bővített outlook">
<thead>
<TR>
<TH szélesség = "100′>3 Kedd</TH>
</TR>
</thead><alapú>
<osztály tr = "Időjárás">
<TD szélesség = "100′>
<UL>
<Li-class = "high">Magas: 72°F</Li>
<Li-class = "alacsony">Alacsony: 44°F</Li>
<Li osztály = 'feltétel'>Partly cloudy
<img src =’http://deskwx.WeatherBug.com/images/Forecast/icons/localized/60×50/en/Trans/cond007.PNG’ szélesség ='42’ magasság ='42’ ALT =” />
</Li>
</UL>
</TF>
</TR></alapú>
</táblázat>
Akkor lesz megjegyezni, hogy bár a a kép maga elérési útja mutatja a megfelelő dimenzió (60×50) az eredeti szállító arra kényszerítette, hogy 42×42. miért? bolond.
Egyébként, Azt akartam, hogy egy gyors és egyszerű megoldás a probléma, és Megfordultam, hogy jQuery. A trükk az volt, hogy keresse meg a megfelelő összes <img> Címkék. Nem szeretné eldobni, a más img-címkék (amelyek vannak sok). Ez a bit jQuery tett a fogás:
<a parancsfájl típus = "text/javascript" src ="http://Ajax.googleapis.com/AJAX/libs/jQuery/1.5/jQuery.min.js"></parancsfájl>
<a parancsfájl típus = "text/javascript">
$(dokumentum).kész(függvény () {$(a feltétel. > img ").minden egyes(függvény (index, cikk)
{
$(cikk).CSS("szélesség", "60.");
$(cikk).CSS("magasság", "50");
});
}); // a dokumentum betöltése
</parancsfájl>
A gyűjtemény megállapítja, hogy kicsit kód <Li> Címkék, amelynek osztály az "állapot" és <img> gyermekek. Ez majd végiglépeget mind az összes amit. Munkás szeret egy igézet.
Lehetne valószínűleg korszerűsítése, de soha nem volt egy unix a π megfejt fickó fajtája a 18 számjegy pontosságú sed és awk használata és a nem vagyok a fajta fickó jQuery, vagy ha .
</vége>
Kövesse nekem Twitter http://www.twitter.com/pagalvin