JQuery Ach More–Athraigh an Sampla Íomhá

Bhfuair mé cuid gréasáin ó díoltóir an chliaint d'aois agus tá sé ina fhadhb méid íomhá.  Ba chóir go mbeadh na híomhánna 60×50 ach ar chúis éigin corr, an díoltóir bunaidh iachall orthu i 42×42, ionas lorg siad squashed:

 

Dea-Image

Íomhá Bad

Seo an marcáil (simplithe):

<tábla aicme = 'leathnaithe-ionchas'>
  <thead>
    <tr>
      <ú  width = '100′>3 Dé Máirt</ú>
    </tr>
  </thead>

  <tbody>
    <tr aicme = 'réamhaisnéis'>
      <td width = '100′>
        <st>
          <li aicme = 'ard'>Ard-: 72&tú;F</li>
          <li aicme = 'íseal'>Íseal: 44&tú;F</li>
          <'bhail' li aicme =>Grianmhar
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ airde = '42’ Alt =” />
          </li>
        </st>
      </td>
    </tr>

  </tbody>

</tábla>

Feicfidh tú faoi deara, áfach, cé na cosán ar an íomhá féin Léiríonn an ghné cuí (60×50) an díoltóir bunaidh iachall air i 42×42.  Cén fáth ar?  Crazy.

Ar aon nós, Bhí mé ar réiteach tapaidh agus éasca ar an gceist seo agus chas mé go dtí jQuery.  An cleas a bhí le lonnú gach ceann de na is iomchuí <img> clibeanna.  Ní raibh mé ag iarraidh a muck faoi aon clibeanna img eile (ar a bhfuil go leor).  An beagán de jQuery rinne an cleas:

<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<Cineál script = "text / javascript">
     $(doiciméad).réidh(fheidhm () {

         $(‘li.condition > img ').gach(fheidhm (Innéacs, mír)
           
{
             $(mír).css("width", "60"); 
             $(mír).css("height", "50");
            });
     }); // ar ualach doiciméad
</script>

Sin beagán de chód fhaigheann an mbailiúchán <li> Tá clibeanna a bhfuil aicme "coinníoll" agus <img> leanaí.  Béim arís ansin trí gach ceann de sin.  D'oibrigh sé mar a charm.

Raibh mé in ann a shruthlíniú dócha é, ach ní raibh mé ar an chineál Guy a réiteach UNIX π go 18 cruinneas digití baint úsáide as sed agus awk agus níl mé a leithéad má Guy jQuery ceachtar Smile.

</deireadh>

Liostáil le mo bhlag.

Lean mé ar Twitter ag http://www.twitter.com/pagalvin

Leave a Reply

Ní thabharfar do sheoladh r-phoist a fhoilsiú. Réimsí riachtanacha atá marcáilte *