હું એક ક્લાઈન્ટ જૂના વિક્રેતા પાસેથી વારસામાં વેબ ભાગ છે અને તે ઇમેજ માપ સમસ્યા છે. આ ઈમેજો 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