من یک قسمت وب را از فروشنده در مشتری به ارث برده و آن را تا تصویر اندازه مشکل است. این تصاویر باید 60×50 اما برای برخی از دلایل عجیب و غریب, فروشنده اصلی آنها را به 42 مجبور×42, به طوری که آنها نگاه له:
|
تصویر خوب |
تصویر بد |
 |
|
نشانه گذاری (ساده):
<جدول کلاس = 'افزایش یافته، چشم انداز>
<thead>
<TR>
<هفتم عرض = '100′>3 سهشنبه</هفتم>
</TR>
</thead><tbody را>
<TR = 'پیش بینی'>
<عرض فلش = '100′>
<خیابان>
<لی کلاس = 'بالا'>زیاد: 72&شما;F</لی>
<لی کلاس = کم>پایین: 44&شما;F</لی>
<شرایط لی کلاس =>افتابی
<IMG SRC =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ عرض = '42’ ارتفاع = '42’ ALT =” />
</لی>
</خیابان>
</فلش>
</TR></tbody را>
</جدول>
شما توجه داشته باشید که حتی اگر مسیر را به تصویر خود را نشان می دهد ابعاد مناسب (60×50) فروشنده اصلی آن در 42 مجبور×42. چرا? دیوانه.
به هر حال, من می خواستم یک راه حل سریع و آسان به این موضوع و من به جی کوئری تبدیل شده است. ترفند برای قرار دادن مناسب <IMG> برچسب ها من به سرگین مورد می خواهم با هر تگ IMG (که بسیاری وجود دارد). این بیت از جی کوئری، ترفند:
<نوع اسکریپت = "متن / جاوا اسکریپت" SRC ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></خط>
<نوع اسکریپت = "متن / جاوا اسکریپت">
$(سند).آماده(تابع () {$(‘li.condition > 'IMG).هر(تابع (شاخص, آیتم)
{
$(آیتم).CSS("عرض", "60");
$(آیتم).CSS("ارتفاع", "50");
});
}); // در بار سند
</خط>
این بیت از کد، مجموعه ای را پیدا می کند <لی> برچسب ها که کلاس "شرط" و <IMG> کودکان می باشد. سپس از طریق تمام iterates. کار از جمله جذابیت.
من احتمالا می تواند آن را ساده, اما من نوع پسر یونیکس است که به حل π هرگز به 18 دقت رقم با استفاده از SED و AWK و من این نوع نیست اگر مرد جی کوئری یا 
.
</پایان>
من در توییتر در http://www.twitter.com/pagalvin
