Še več jQuery–Velikost primer slike

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&deg;F</Li>
          <Li class = "majhna">Nizko: 44&deg;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 Smile.

</namen>

Naročite se na moj blog.

Sledite mi na Cvrkutati na http://www.twitter.com/pagalvin

pusti odgovor

Vaš e-naslov ne bo objavljen. Obvezna polja so označena *