এখনও আরও jQuery–একটি চিত্র উদাহরণ মাপ পরিবর্তন

আমি একটি ক্লায়েন্ট পুরাতন বিক্রেতা থেকে একটি ওয়েব অংশ পুরুষ - পরম্পরাগত এবং এটি একটি চিত্রের আকার সমস্যা আছে.  ছবি 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

সাইফুল আলম চৌধুরী

আপনার ইমেইল ঠিকানা প্রচার করা হবে না. প্রয়োজনীয় ক্ষেত্রগুলি চিহ্নিত করা আছে *