أنا ورثت جزء ويب من بائع العميل القديمة ولديه مشكلة حجم صورة. يجب أن تكون الصور 60×50 ولكن لسبب غريبة, أجبرهم البائع الأصلي إلى 42×42, حيث تبدو ممرود:
صورة جيدة |
صورة سيئة |
هنا هو العلامة (مبسطة إلى حد ما):
<الجدول class = "تمديد outlook">
<thead>
<tr>
<السابعة والثلاثون العرض = 100′>3 اليوم الثلاثاء</السابعة والثلاثون>
</tr>
</thead><tbody>
<فئة tr = 'توقعات'>
<عرض td = 100′>
<إبري>
<فئة لي = 'عالي'>عالية: 72&درجة;و</لي>
<فئة لي = 'منخفضة'>منخفض: 44&درجة;و</لي>
<فئة لي = 'الشرط'>مشمس
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ العرض = 42’ الطول = 42’ alt =” />
</لي>
</إبري>
</td>
</tr></tbody>
</الجدول>
فسوف نلاحظ أنه حتى على الرغم من المسار إلى الصورة نفسها يظهر البعد الصحيح (60×50) ارغمتها المورد الأصلي في 42×42. لماذا? مجنون.
على أي حال, كنت أريد حل سريع وسهل لهذه المسألة والتفت إلى مسج. وكان الخدعة لتحديد موقع كل من المناسبة <عرض وطلب> العلامات. لم أكن أرغب في الوحل مع أي علامات img الأخرى (التي يوجد منها الكثير). هذا قليلاً من مسج لا حيلة:
<البرنامج النصي نوع = "نص/جافا سكريبت" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></البرنامج النصي>
<برنامج نصي النوع = "نص/جافا سكريبت">
$(الوثيقة).استعداد(الدالة () {$(' li.condition > [ايمغ] ').كل(الدالة (فهرس, البند)
{
$(البند).css("عرض", "60");
$(البند).css("ارتفاع", "50");
});
}); // لتحميل المستند
</البرنامج النصي>
يرى أن قليلاً من رمز المجموعة <لي> العلامات التي الفئة "شرط" و <عرض وطلب> الأطفال. ثم أنها تتكرر من خلال كل ذلك. عملت مثل سحر.
يمكن تبسيطه ربما, لكني لم أكن ابدأ هذا النوع من الرجل unix التي تحل π إلى 18 أرقام الدقة استخدام sed و awk وأنا لست هذا النوع إذا مسج غي أما .
</نهاية>
اتبعني على التغريد في http://www.twitter.com/pagalvin