No obstant això, més jQuery–Redimensionar un exemple d'imatge

Heretava un element web de proveïdor vells del client i que té un problema de mida d'imatge. Les imatges haurien de 60×50 però per alguna estranya raó, el venedor original els obligà a 42×42, Així es veuen aplastat:

Bona imatge	Mala imatge

Aquí està l'etiquetatge (simplificat una mica):

<taula class = 'estès-outlook'>
<Thead>
    <tr>
      <th amplada = 100′>3 Dimarts</th>
    </tr>
</Thead>

<tbody>
    <classe TR = 'previsió'>
      <amplada TD = 100′>
        <ul>
          <classe li = "high">Alta: 72&DEG;F</li>
          <classe li = 'baixa'>Baixa: 44&DEG;F</li>
          <classe li = 'condició'>Assolellat
            <img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ amplada ='42’ alçada ='42’ alt =” />
          </li>
        </ul>
      </TD>
    </tr>

</tbody>

</taula>

S'haurà adonat que tot i que la camí cap a la mateixa imatge Mostra la dimensió adequada (60×50) el venedor original va obligar a 42×42. Per què? Boig.

De tota manera, Jo volia una solució ràpida i fàcil a aquest assumpte i em vaig tornar a jQuery. El truc era localitzar totes les adequades <img> Etiquetes. No volia fems amb cap altra etiqueta img (de les quals n'hi ha molts). Aquesta mica de jQuery feia el truc:

<tipus d'escriptura = text/javascript"" src ="http://Ajax.googleapis.com/Ajax/libs/jQuery/1.5/jQuery.min.js"></script>

<tipus d'escriptura = "text/javascript">
     $(document).preparat(funció () {

         $(' li.condition > img ").cada(funció (índex, element)
            {
             $(element).CSS("amplada", "60");
             $(element).CSS("Alçada", "50");
            });
     }); // càrrega de documents
</script>

Aquest tros de codi es troba la col·lecció <li> Etiquetes la classe és "condició" i <img> nens. Llavors ho itera a través de tot això. Treballat com un encant.

Probablement podria simplificar-lo, però mai va ser un tipus de tipus unix que resolt π per 18 precisió de dígits utilitzant sed i awk i jo no sóc aquest tipus si jQuery qualsevol tipus somriure .