Még több jQuery–Példa a kép átméretezése

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 Mosoly .