నేను ఒక క్లయింట్ యొక్క పాత అమ్మకందారుని నుండి ఒక వెబ్ భాగం వారసత్వంగా మరియు ఒక చిత్రం పరిమాణం సమస్య ఉంది. చిత్రాలు 60 ఉండాలి×50 కానీ కొన్ని అసాధారణ కారణం, అసలు విక్రేత 42 వాటిని బలవంతంగా×42, కాబట్టి వారు squashed చూడండి:
మంచి చిత్రం |
చెడు చిత్రం |
ఇక్కడ మార్కప్ వార్తలు (కొంతవరకు సులభతరమైన):
<పట్టిక తరగతి = 'ఎక్స్టెండెడ్ క్లుప్తంగ'>
<thead>
<tr>
<వ వెడల్పు = '100′>3 మంగళవారం</వ>
</tr>
</thead><tbody>
<tr తరగతి = 'సూచన'>
<td వెడల్పు = '100′>
<స్టంప్>
<li తరగతి = 'అధిక'>ఎత్తైన: 72&మీరు;F</li>
<li తరగతి = 'తక్కువ'>తక్కువ: 44&మీరు;F</li>
<li తరగతి = 'పరిస్థితి'>సన్నీ
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ వెడల్పు = '42’ ఎత్తు = '42’ alt =” />
</li>
</స్టంప్>
</td>
</tr></tbody>
</పట్టిక>
మీరు గమనించండి మేము అయినప్పటికీ చిత్రం కూడా మార్గం సరైన పరిమాణం చూపిస్తుంది (60×50) అసలు విక్రేత 42 లో వచ్చింది×42. ఎందుకు? వెర్రియైన.
ఏమైనప్పటికి, నేను ఈ సమస్య త్వరగా మరియు సులభంగా పరిష్కారం కోరుకున్న మరియు నేను j క్వెరీ మారింది. ట్రిక్ తగిన అన్ని గుర్తించడం జరిగింది <img> టాగ్లు. నేను ఏ ఇతర img టాగ్లు తో గురించి చెత్త కోరుకోలేదు (అనేక ఉన్నాయి, వీటిలో). J క్వెరీ ఈ బిట్ ట్రిక్ చేసింది:
<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></లిపి>
<script type="text/javascript">
$(పత్రం).సిద్ధంగా(ఫంక్షన్ () {$(‘లి.కండిషన్ > img ').ప్రతి(ఫంక్షన్ (సూచిక, అంశం)
{
$(అంశం).css("width", "60");
$(అంశం).css("height", "50");
});
}); // పత్రం లోడ్
</లిపి>
కోడ్ యొక్క బిట్ సేకరణ తెలుసుకుంటాడు <li> దీని తరగతి టాగ్స్ "పరిస్థితి" మరియు <img> పిల్లలు. ఇది ఆ యొక్క అన్ని ద్వారా iterates. ఒక మనోజ్ఞతను వంటి పని.
నేను బహుశా దీన్ని చేయడానికి కాలేదు, కానీ నేను π పరిష్కరించాడు అని unix వ్యక్తి ఒక రకమైన ఎప్పుడూ కు 18 అంకెలు PRECISION SED మరియు awk ఉపయోగించి మరియు నేను j క్వెరీ వ్యక్తి ఉంటే గాని ఆ రకమైన కాదు .
</చివర>
వద్ద ట్విట్టర్ లో నన్ను అనుసరించండి http://www.twitter.com/pagalvin