まだ多くの jQuery–画像例のサイズを変更します。

Web パーツはクライアントの古いベンダーから継承し、は、イメージのサイズの問題。  画像 60 する必要があります。×50 しかし、いくつかの奇妙な理由のため, 元のベンダーを 42 に強制×42, 彼らぺしゃんこになったので:

 

良いイメージ

悪いイメージ

ここでは、マークアップです。 (簡略化多少):

<テーブル クラス ' 拡張 outlook'=>
  <thead>
    <tr>
      <th  幅 = 100′>3 火曜日</th>
    </tr>
  </thead>

  <tbody>
    <tr クラス '予想' =>
      <td 幅 = 100′>
        <ul>
          <李クラス '高' =>高: 72&度;F</李>
          <李クラス '低' =>低: 44&度;F</李>
          <李クラス = '条件'>日当たりの良い
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ 幅 42年 =’ 高さ = 42年’ alt =” />
          </李>
        </ul>
      </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> 子供たち。  それは、すべてのことを反復処理します。  見事に成功しました.

私はおそらくそれを合理化できます。, しかし、私はなかった、π を解決 unix 男の種類 宛先 18 sed や awk 桁精度、jQuery のいずれかの男と私はそのような スマイル.

</終了>

私のブログを購読します。.

私は Twitter の上に従ってください。 http://www.twitter.com/pagalvin

メッセージを残してください

あなたのメールアドレスが公開されることはありません. 必須フィールドは、マークされています *