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 .
</deireadh>
Lean mé ar Twitter ag http://www.twitter.com/pagalvin