Још више јКуери–Мењање величине пример слике

Наследио сам веб део из старог продавца клијента и има слика, величина проблема.  Слике треба да буду 60×50 али из неког разлога одд, оригинални продавац их присилили 42×42, тако да изгледају згњечено:

 

Добра слика

Лош имиџ

Ево означавање (нешто упрошћена):

<табела ЦЛАСС = 'продуженог Оутлоок'>
  <тхеад>
    <тр>
      <Тх  видтх = '100′>3 Уторак</Тх>
    </тр>
  </тхеад>

  <тд>
    <тр цласс = 'прогноза'>
      <тд видтх = '100′>
        <Ул>
          <ли цласс = 'хигх'>Висок: 72&степени;Ф</Ли>
          <ли цласс = 'мали'>Низак: 44&степени;Ф</Ли>
          <ли цласс = 'стање'>Сунчан
            <имг срц =’
хттп://десквк.веатхербуг.цом/имагес/Форецаст/ицонс/лоцализед/60×50/ен/транс/цонд007.пнг’ видтх = '42’ хеигхт = '42’ алт =” />
          </Ли>
        </Ул>
      </тд>
    </тр>

  </тд>

</табела>

Приметићете да иако Пут до саме слике показује одговарајућу димензију (60×50) оригинални продавац је приморана на 42×42.  Зашто?  Луд.

У сваком случају, Желео сам брзо и једноставно решење за овај проблем, а ја окренуо јКуери.  Трик је био да пронађе све одговарајуће <имг> ознаке.  Ја нисам хтео да ленчарити са другим имг тагова (од којих су многи).  Ово мало јКуери сам успео:

<script type="text/javascript" срц ="хттп://ајак.гооглеапис.цом/ајак/либс/јкуери/1.5/јкуери.мин.јс"></скрипта>

<script type="text/javascript">
     $(документ).спреман(функција () {

         $(‘li.condition > имг ').сваки(функција (индекс, ставка)
           
{
             $(ставка).цс("width", "60"); 
             $(ставка).цс("height", "50");
            });
     }); // документа о оптерећењу
</скрипта>

Тај део кода проналази колекцију <Ли> ознаке чије класе је "стање" и <имг> деца.  Затим понавља кроз све то.  Радила је као шарм.

Вероватно сам могао да унапредите, али никада нисам био од оних који су решили уник момка π на 18 прецизност цифара помоћу сед и авк, а ја нисам такав момак или ако јКуери Осмех.

</крај>

Претплатите се на мој блог.

Следите ме на Туиттер на http://www.twitter.com/pagalvin

Леаве а Репли

Ваша емаил адреса неће бити објављена. Обавезна поља су означена *