Yet More jQuery–Resize Պատկեր օրինակ

Ես ժառանգել վեբ մասը մի Հաճախորդի հին վաճառողի եւ դա ունի պատկերի չափերը խնդիրը. Պատկերները պետք է լինի 60×50 բայց ինչ - ինչ պատճառներով կենտ, բնօրինակը վաճառող ստիպել նրանց 42 - ից×42, նրանք նայում squashed:

Լավ Image	Bad Image

Ահա նշում (որոշ չափով պարզեցված):

<սեղանի դասի = - ի ընդլայնված, հեռանկար,>
<thead>
    <TR>
      <րդ width = '100′>3 Երեքշաբթի</րդ>
    </TR>
</thead>

<tbody>
    <TR class = "կանխատեսում.>
      <TD width = '100′>
        <րդ>
          <li class = "բարձր">Բարձր: 72&դուք;F</li>
          <li class = 'ցածր'>Ցածր: 44&դուք;F</li>
          <Li class = 'պայման.>Արեւոտ
            <img src =’http :/://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ բարձրություն = '42’ alt =” />
          </li>
        </րդ>
      </TD>
    </TR>

</tbody>

</սեղան>

Դուք նշում են, որ չնայած ճանապարհը դեպի պատկերի մեջ ցույց է տալիս, որ համապատասխան հարթության (60×50) բնօրինակը վաճառող ստիպված էր 42 -×42. Ինչու? Խելագար.

Համենայն դեպս, Ես ուզում է արագ եւ հեշտ լուծում այս հարցին, եւ ես դիմել jQuery. The հնարք էր տեղադրել բոլոր համապատասխան <img> tags: Ես չէի ուզում աղտ մասին, ինչպես ցանկացած այլ IMG պիտակներ (որոնց շատ են). Սա քիչ jQuery արել trick:

<script type="text/javascript" Բացել ="http :/://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></ձեռագիր>

<script type = "text / JavaScript">
     $(փաստաթուղթ).պատրաստ(ֆունկցիա () {

         $(‘li.condition > img -).յուրաքանչյուր(ֆունկցիա (ինդեքս, կետ)
            {
             $(կետ).CSS("width", "60");
             $(կետ).CSS("height", "50");
            });
     }); // մասին փաստաթղթի բեռը
</ձեռագիր>

Դա քիչ կոդը գտնում հավաքածուն <li> tags որոնց կարգի է "վիճակը" եւ <img> երեխաներ. Այն ժամանակ iterates միջոցով այդ ամենը. Աշխատել նման հմայք.

Ես կարող էի երեւի ընթացում այն, բայց ես երբեք չեմ եղել այդպիսի UNIX տղայի, որը լուծվում π դեպի 18 նիշերն ճշգրտության օգտագործելով SED եւ awk եւ ես չէ, որ նման դեպքում jQuery guy կամ ժպիտ .