நான் ஒரு வாடிக்கையாளர் பழைய விற்பனையாளர் இருந்து ஒரு வலை பகுதி மரபுரிமை மற்றும் அது ஒரு படத்தை அளவு சிக்கல் உள்ளது. படங்களை 60 இருக்க வேண்டும்×50 ஆனால் சில ஒற்றைப்படை காரணம், அசல் விற்பனையாளர் 42 அவற்றை கட்டாயம்×42, அதனால் அவர்கள் squashed இருக்கிறார்கள்:
நல்ல படம் |
மோசமான படம் |
இங்கே மார்க் தான் (ஓரளவுக்கு எளிமைப்படுத்தப்பட்ட):
<அட்டவணை வர்க்கம் = 'விரிவாக்கப்பட்ட-மேற்பார்வை'>
<thead>
<TR>
<வது width=’100′>3 Tuesday</வது>
</TR>
</thead><tbody>
<tr class=’forecast’>
<td width=’100′>
<ul>
<li class=’high’>High: 72°F</li>
<li class=’low’>Low: 44°F</li>
<li class=’condition’>Sunny
<img src=’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width=’42’ height=’42’ alt=” />
</li>
</ul>
</TD>
</TR></tbody>
</மேசை>
You’ll note that even though the path to the image itself shows the proper dimension (60×50) the original vendor forced it in 42×42. ஏன்? Crazy.
எப்படியும், I wanted a quick and easy solution to this issue and I turned to jQuery. The trick was to locate all of the appropriate <நன்றி> tags. I didn’t want to muck about with any other img tags (of which there are many). This bit of jQuery did the trick:
<script type="text/javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></ஸ்கிரிப்ட்>
<script type="text/javascript">
$(ஆவணம்).தயார்(செயல்பாடு () {$(‘li.condition > img’).each(செயல்பாடு (குறியீட்டெண், item)
{
$(item).css("width", "60");
$(item).css("height", "50");
});
}); // on document load
</ஸ்கிரிப்ட்>
That bit of code finds the collection <li> tags whose class is “condition” and <நன்றி> children. It then iterates through all of that. Worked like a charm.
I could probably streamline it, but I never was a the kind of unix guy that solved π வேண்டும் 18 digits precision using sed and awk and I’m not that kind if jQuery guy either .
</இறுதியில்>
மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin