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 .
</son>
Da Twitter məni izləyin http://www.twitter.com/pagalvin