Ještě více jQuery–Změna velikosti obrázku příklad

Zdědil jsem webovou část ze staré dodavatele klienta a má problém s velikostí obrazu. Obrazy by mělo být 60×50 Ale z nějakého zvláštního důvodu, původní dodavatel je donucena 42×42, tak vypadají pošramoceného:

Dobrý obrázek	Špatný obrázek

Tady je přirážka (poněkud zjednodušené):

<Tabulka class = "rozšířené outlook">
<závit>
    <TR>
      <Čt Šířka = "100′>3 Úterý</Čt>
    </TR>
</závit>

<tbody>
    <TR class = "prognózy">
      <Šířka TD = "100′>
        <ul>
          <li class = "vysoká">Vysoká: 72°F</li>
          <li class = "nízkým">Nízká: 44°F</li>
          <li class = "stavu">Slunečno
            <img src =’http://deskwx.WeatherBug.com/images/Forecast/icons/Localized/60×50/EN/trans/cond007.PNG’ Šířka ='42’ Výška ='42’ ALT =” />
          </li>
        </ul>
      </TD>
    </TR>

</tbody>

</Tabulka>

Všimněte si že i když Cesta k obrázku, samotné se zobrazí odpovídající rozměr (60×50) původní dodavatel ji donutila 42×42. Proč? Šílené.

Každopádně, Chtěl jsem rychlé a snadné řešení této otázky a já se obrátil k jQuery. Trik byl k hledání vhodného <IMG> značky. Nechtěl jsem si ty fóry s jiné značky img (z nichž je mnoho). Tento bit jQuery trik:

<skript typ = "text/javascript" src ="http://AJAX.googleapis.com/AJAX/libs/Jquery/1.5/Jquery.min.js"></skript>

<skript typ = "text/javascript">
     $(dokument).připraven(funkce () {

         $(' li.condition > img').Každý(funkce (Rejstřík, položka)
            {
             $(položka).CSS("Šířka", "60");
             $(položka).CSS("výškou", "50");
            });
     }); // Při načítání dokumentu
</skript>

Tento kousek kódu najde kolekci <li> značky, jejichž třída je "stav" a <IMG> děti. Pak je to všechno projde. Pracoval jako kouzlo.

Možná by jej zefektivnit, Ale já jsem nikdy nebyla druh unix chlapíka, který vyřešil π do 18 přesnost čísel pomocí sed a awk a já nejsem takový pokud jQuery buď chlap Usměj se .