Web zati bat heredatu dut bezero bat saltzaile zaharrak eta irudi-tamaina arazo ditu. Irudiak 60 izan beharko luke×50 baina zenbait arraro arrazoirik, jatorrizko saltzaileak behartuta horietako 42 sartu×42, beraz zapaldu begiratzen dute:
|
Ona irudia |
Bad irudia |
 |
|
Hemen markaketa da (zertxobait sinplifikatu):
<taula class = 'hedatua-aurreikuspenak'>
<thead>
<tr>
<garren width = '100′>3 Asteartea</garren>
</tr>
</thead><tbody>
<tr class = 'iragarpena'>
<td width = '100′>
<st>
<li class = 'handia'>Alta: 72&duzu;F</li>
<li class = 'txikia'>Behe: 44&duzu;F</li>
<li class = 'baldintza'>Eguzkitsua
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ altuera = '42’ alt =” />
</li>
</st>
</td>
</tr></tbody>
</taula>
Kontutan izango duzu, nahiz eta hori irudi bera bide dimentsio egokia erakusten (60×50) jatorrizko saltzaileari behartu du 42×42. Zergatik? Seiko.
Hala ere, Arazo honi irtenbide azkar eta erraz bat egin nahi nuen, eta gaurkoan jQuery nahi dut. Trikimailu zen egoki guztiak aurkitu ahal izateko <img> tags. Nik ez dut nahi muck buruzko edozein img beste Etiketadun (horietatik asko daude). JQuery apur hau egin trikimailu:
<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
$(dokumentu).prest(funtzioa () {$(‘li.condition > img ').bakoitzeko(funtzioa (indizea, elementua)
{
$(elementua).css("width", "60");
$(elementua).css("height", "50");
});
}); // dokumentua kargatzean
</script>
Kodea pixka duten bilduma aurkitzen <li> tags zeinen class "baldintza" eta <img> seme-alabak. Hori guztia bidez gero iterates. Xarma bat bezala lan egin zuen.
Ziurrenik izan nuen arintzea da, izan zen, baina ez dut sekula bat unix zentzuduna mota hori konpondu π to 18 digituak doitasun sed eta awk erabiliz, eta ez naiz horrelako jQuery zentzuduna bada bai 
.
</amaiera>
Follow me on Twitter http://www.twitter.com/pagalvin