আমি একটি ক্লায়েন্ট পুরাতন বিক্রেতা থেকে একটি ওয়েব অংশ পুরুষ - পরম্পরাগত এবং এটি একটি চিত্রের আকার সমস্যা আছে. ছবি 60 হবে×50 কিন্তু জন্য কিছু অদ্ভুত কারণে, মূল বিক্রেতা 42 তাদেরকে জোরপূর্বক×42, তাই তারা তাকান squashed:
ভাল ছবি |
খারাপ প্রতিচ্ছবি |
এখানে মার্কআপ (কিছুটা সরলীকৃত):
<টেবিল বর্গ = 'বর্ধিত-চেহারা'>
<thead>
<tr>
<ম প্রস্থ = '100′>3 মঙ্গলবার</ম>
</tr>
</thead><tbody>
<tr বর্গ = 'পূর্বাভাস'>
<td প্রস্থ = '100′>
<রাস্তা>
<li বর্গ = 'হাই'>উচ্চ: 72&আপনি;এফ</চীনদেশে প্রচলিত দূরত্বের একক>
<li বর্গ = 'কম'>কম: 44&আপনি;এফ</চীনদেশে প্রচলিত দূরত্বের একক>
<li বর্গ = 'শর্ত'>হাসিখুশি
<img src =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ প্রস্থ = '42’ উচ্চতা = '42’ alt =” />
</চীনদেশে প্রচলিত দূরত্বের একক>
</রাস্তা>
</td>
</tr></tbody>
</টেবিল>
আপনি নোট করবো যে যদিও ইমেজটি পাথ যথাযথ মাত্রা প্রদর্শন (60×50) মূল বিক্রেতা 42 তা জোরপূর্বক×42. কেন? পাগল.
সকল অবস্থাতেই, আমি এই সমস্যা থেকে দ্রুত এবং সহজ সমাধান চেয়েছিলেন এবং আমি jQuery থেকে প্রমাণিত. কৌতুক যথাযত সমস্ত সনাক্ত ছিল <img> ট্যাগ. আমি অকাজ করা থেকে কি অন্য কোন img ট্যাগ সঙ্গে করতে চাই না (যার অনেক আছে). JQuery এই বিট কৌতুক করেনি:
<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></লিপি>
<স্ক্রিপ্টের ধরন = "টেক্সট / Javascript">
$(দলিল).প্রস্তুত(কাজ () {$(‘li.condition > img ').প্রত্যেক(কাজ (সূচক, আইটেম)
{
$(আইটেম).CSS("প্রস্থ", "60");
$(আইটেম).CSS("উচ্চতা", "50");
});
}); // উপর নথি লোড
</লিপি>
কোড যে বিট সংগ্রহ দাঁত <চীনদেশে প্রচলিত দূরত্বের একক> ট্যাগ যার শ্রেণী "শর্ত" এবং <img> শিশু. তারপর যে সব মাধ্যমে iterates. একটি যাদুমন্ত্র মত কাজ.
আমি সম্ভবত এটি প্রবাহরেখা পারে, কিন্তু আমি একটি unix উপহাসাম্পদ ধরনের মীমাংসিত π ছিল না থেকে 18 সংখ্যা শব্দবাহুল্যহীনতা sed এবং awk ব্যবহার করে এবং আমি যদি jQuery পলায়ন হয় যে ধরনের না .
</শেষ>
আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.
টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin