Encore plis jQuery–Redimensionner yon egzanp imaj

Mwen te eritye yon pati entènèt de machann ans kliyan an yon Et li gen yon pwoblèm taille imaj.  Ti zidòl kay ta dwe fè 60×50 Men, pou kèk rezon enpè, machann orijinal la te fòse yo antre nan 42×42, Se konsa, yo sanble vil:

 

Bon pòtre

Movè imaj

Se isit la balise a (yon ti jan simplifié):

<Table klas = 'pwolonje-pespektiv'>
  <thead>
    <tr>
      <klas 11yèm  lajè ='100′>3 madi</klas 11yèm>
    </tr>
  </thead>

  <tbody>
    <tr klas = 'projte'>
      <lajè td ='100′>
        <ul>
          <klas li = 'haute'>Gwo: 72&deg;F</li>
          <klas li = 'faible'>Ba: 44&deg;F</li>
          <klas li = 'kondisyon'>Sunny
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ lajè ='42’ wotè ='42’ alt =” />
          </li>
        </ul>
      </td>
    </tr>

  </tbody>

</tab>

Ou ap note ke menm si la D' estati tèt li montre la bonne dimansyon (60×50) machann orijinal la te fòse l' nan 42×42.  Poukisa?  Fou.

De tout fason, Mwen te vle yon rapide Et fasil solisyon pou bagay sa a ak mwen tounen vin jwenn jQuery.  Fente a te genyen pou w jwenn tout de la apwopriye <img> baj.  Mwen pat vle muck ak lòt baj img osijè de (moun ki genyen anpil).  Ti jQuery sa a te fè Akab la:

<script tip = tèks/javascript"" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script tip = "tèks/javascript">
     $(dokiman).pare(fonksyon () {

         $(kondisyon. > img').chak(fonksyon (endèks, atik)
           
{
             $(atik).css("lajè", "60"); 
             $(atik).css("wotè", "50");
            });
     }); // sou chay dokiman
</script>

Sa moso kòd trouve koleksyon an <li> baj ki nan klas ki se "kondisyon" Et <img> moun.  L' lè sa a une nan nou tout de sa.  Te travay tankou yon bèlte.

Mwen te kapab pwobableman rationaliser li, Men, mwen pa janm te yon kalite unix nèg ki rezoud π pou 18 ak chiffres presizyon itilize sed Et awk Et, mwen menm mwen pa asepte si jQuery guy soit Souri.

</fen>

Vous pou m' blog.

Swiv mwen sou Twitter nan http://www.twitter.com/pagalvin

kite yon repons

Adrès imèl ou pa pral dwe pibliye. Jaden obligatwa yo make *