છતાં વધુ jQuery–એક છબી ઉદાહરણ માપ બદલો

હું એક ક્લાઈન્ટ જૂના વિક્રેતા પાસેથી વારસામાં વેબ ભાગ છે અને તે ઇમેજ માપ સમસ્યા છે.  આ ઈમેજો 60 હોવું જોઈએ×50 પરંતુ કેટલાક વિચિત્ર કારણ, મૂળ વિક્રેતા તેમને 42 માં ફરજ પડી×42, જેથી તેઓ squashed જુઓ:

 

ગુડ છબી

ખરાબ છબી

અહીં માર્કઅપ છે (કંઈક અંશે સરળ):

<કોષ્ટક વર્ગ = 'વિસ્તૃત-Outlook'>
  <thead>
    <ટીઆર>
      <મી  '100 width =′>3 મંગળવાર</મી>
    </ટીઆર>
  </thead>

  <tbody>
    <ટીઆર વર્ગ = 'આગાહી'>
      <ટીડી પહોળાઈ = '100′>
        <સ્ટ્રીટ>
          <વર્ગ લિ = 'ઉચ્ચ'>હાઇ: 72&તમે;એફ</લિ>
          <લિ વર્ગ = 'નિમ્ન'>લો: 44&તમે;એફ</લિ>
          <લિ વર્ગ = 'પરિસ્થિતિ'>સન્ની
            <img src =’
HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ '42 width =’ '42 = ઊંચાઈ’ alt =” />
          </લિ>
        </સ્ટ્રીટ>
      </ટીડી>
    </ટીઆર>

  </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 વ્યક્તિ ક્યાં નથી સ્માઇલ.

</અંત>

મારા બ્લોગ પર સબ્સ્ક્રાઇબ કરો.

Twitter પર મને ખાતે અનુસરો http://www.twitter.com/pagalvin

જવાબ છોડો

તમારું ઇમેઇલ સરનામું પ્રકાશિત કરવામાં આવશે નહીં. જરૂરી ક્ષેત્રો ચિહ્નિત થયેલ છે *