ఇంకా మరిన్ని క్వెరీ–ఒక చిత్రం ఉదాహరణ పునఃపరిమాణం

నేను ఒక క్లయింట్ యొక్క పాత అమ్మకందారుని నుండి ఒక వెబ్ భాగం వారసత్వంగా మరియు ఒక చిత్రం పరిమాణం సమస్య ఉంది.  చిత్రాలు 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

ఒక Reply వదిలి

మీ ఇమెయిల్ చిరునామా ప్రచురితమైన కాదు. లు గుర్తించబడతాయి *