მე მემკვიდრეობით ვებ ნაწილი კლიენტების წლის გამყიდველი და მას აქვს სურათის ზომის პრობლემა. ფოტოებს თან უნდა 60×50 მაგრამ გარკვეული უცნაური მიზეზი, ორიგინალური გამყიდველი აიძულა მათ 42×42, ასე რომ ისინი squashed:
|
კარგი გამოსახულება |
ცუდი გამოსახულება |
 |
|
აი markup (გარკვეულწილად გამარტივდა):
<მაგიდა კლასის = 'გახანგრძლივებული მსოფლმხედველობის ">
<thead>
<tr>
<ე ტელეკომპანია '100′>3 სამშაბათი</ე>
</tr>
</thead><tbody>
<tr კლასის = 'პროგნოზს ">
<td width = '100′>
<ul>
<li class = 'მაღალი'>მაღალი: 72°F</li>
<li class = "დაბალი">დაბალი: 44°F</li>
<li class = "მდგომარეობაშია">მზიანი
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ ტელეკომპანია '42’ სიმაღლე = '42’ alt =” />
</li>
</ul>
</td>
</tr></tbody>
</მაგიდა>
თქვენ აღვნიშნო, რომ მიუხედავად იმისა, გზა იმიჯი თავად გვიჩვენებს შესაბამისი განზომილების (60×50) ორიგინალური გამყიდველი აიძულა იგი 42×42. რატომ? Crazy.
ყოველ შემთხვევაში, მინდოდა ეს სწრაფია და ადვილი გამოსავალი ამ საკითხს და მე აღმოჩნდა jQuery. შეასრულა იყო იქნებიან ყველა შესაბამისი <img> tags. მე არ მინდა, რომ Muck შესახებ ნებისმიერ სხვა img tags (რომელიც არსებობს მრავალი). ეს ცოტა jQuery გააკეთა შეასრულა:
<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></დამწერლობის>
<script type="text/javascript">
$(დოკუმენტი).მზად(ფუნქცია () {$(‘li.condition > img ').ყოველ(ფუნქცია (ინდექსი, პუნქტის)
{
$(პუნქტის).css("width", "60");
$(პუნქტის).css("height", "50");
});
}); // on დოკუმენტი დატვირთვა
</დამწერლობის>
ცოტა კოდი პოულობს კრებული <li> tags რომლის კლასი არის "მდგომარეობაში" და <img> ბავშვები. ეს მაშინ iterates მეშვეობით ყველა რომ. მუშაობდა როგორც ხიბლი.
მე შეიძლება ალბათ გამარტივებაში ეს, მაგრამ მე არასდროს ყოფილა ასეთი UNIX ბიჭი რომ გადაწყდეს π to 18 ციფრები სიზუსტით გამოყენებით SED და awk და მე არ ვარ ასეთი სახის თუ jQuery ბიჭი ან 
.
</ბოლო>
გამომყვეს Twitter-ზე http://www.twitter.com/pagalvin
