Ես ժառանգել վեբ մասը մի Հաճախորդի հին վաճառողի եւ դա ունի պատկերի չափերը խնդիրը. Պատկերները պետք է լինի 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 կամ .
</վերջ>
Գտեք Twitter-ում http://www.twitter.com/pagalvin