Daha jQuery–Resim Misal boyutlandır

Mən müştəri köhnə satıcı bir web hissəsi miras qalmış və bir resim ölçüsü problem var.  Şəkillər 60 olmalıdır×50 lakin bəzi qəribə səbəbdən, orijinal satıcı 42 onları məcbur×42, onlar əzilmiş baxmaq:

 

Yaxşı Image

Bad Image

Burada biçimlendirme var (qədər sadələşdirilmiş):

<masa class = "uzun perspektivdə">
  <thead>
    <tr>
      <ci  width = '100′>3 Çərşənbə axşamı</ci>
    </tr>
  </thead>

  <tbody>
    <tr class = "proqnozu '>
      <td width = '100′>
        <st>
          <li class = 'yüksək'>Yüksək: 72&siz;F</li>
          <li class = 'az'>Aşağı: 44&siz;F</li>
          <li class = 'şərt'>Günəşli
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ height = '42’ alt =” />
          </li>
        </st>
      </TD>
    </tr>

  </tbody>

</masa>

Siz qeyd edəcəyik ki, hətta image özü yolu müvafiq ölçüsü göstərir (60×50) orijinal satıcı 42-ci ildə məcburi×42.  Niyə?  Sərsəm.

Hər halda, Mən bu məsələnin tez və asan həll istəyirdi və mən jQuery çevrildi.  Bu oyun uyğun bütün tapmaq üçün idi <img> tags.  Mən heç bir başqa img tags ilə bağlı muck istəmirdi (çox var olan).  JQuery Bu bit oyun etdi:

<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></ssenari>

<script type="text/javascript">
     $(sənəd).hazır(funksiyası () {

         $(‘li.condition > img ").hər(funksiyası (indeks, maddə)
           
{
             $(maddə).CSS("width", "60"); 
             $(maddə).CSS("height", "50");
            });
     }); // sənəd yük
</ssenari>

Kodu Bu bit toplanması tapır <li> kimin sinif tags "vəziyyəti" və <img> uşaqlar.  O ki, bütün vasitəsilə iterates.  Bir cazibədarlığı kimi çalışmışdır.

Mən yəqin ki, aerodinamik bilər, amma π həll edən unix oğlan bir cür idi, heç vaxt üçün 18 rəqəm dəqiq sed və AWK istifadə və mən jQuery oğlan əgər, ya da o cür deyiləm təbəssüm.

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

Şəkil Yükləmə

E-poçt ünvanından dərc olunmayacaq. Lazım alanlar qeyd olunur *