ومع ذلك jQuery أكثر–تغيير حجم مثال الصورة

أنا ورثت جزء ويب من بائع العميل القديمة ولديه مشكلة حجم صورة.  يجب أن تكون الصور 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

اترك ردًا

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها *