Aún más jQuery–Cambiar el tamaño de un ejemplo de imagen

Heredé un elemento web de proveedor antiguo del cliente y tiene un problema de tamaño de imagen.  Las imágenes deben ser 60×50 pero por alguna extraña razón, el proveedor original les obligó a 42×42, para que su aspecto aplastados:

 

Buena imagen

Mala imagen

Aquí es el marcado (algo simplificado):

<tabla clase = 'outlook extendida'>
  <THEAD>
    <TR>
      <TH  ancho = 100′>3 Martes</TH>
    </TR>
  </THEAD>

  <tbody>
    <clase TR = 'Previsión'>
      <anchura TD = 100′>
        <UL>
          <clase de Li = 'alto'>Alta: 72&DEG;F</Li>
          <clase de Li = 'baja'>Baja: 44&DEG;F</Li>
          <clase de Li = 'condición'>Soleado
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/Trans/cond007.png’ anchura = 42’ altura = 42’ Alt =” />
          </Li>
        </UL>
      </TD>
    </TR>

  </tbody>

</mesa>

Se tenga en cuenta que aunque el camino a la propia imagen muestra la dimensión correcta (60×50) el vendedor original lo forzó en 42×42.  ¿Por qué?  Loco.

De todos modos, Yo quería una solución rápida y fácil a este problema y me volví a jQuery.  El truco era localizar todos los adecuados <IMG> Etiquetas.  No quiero tontear con cualquier otras etiquetas img (de los cuales hay muchos).  Un poco de jQuery hizo el truco:

<la escritura de tipo = text/javascript"" src ="http://Ajax.googleapis.com/Ajax/libs/jQuery/1.5/jQuery.min.js"></secuencia de comandos>

<tipo de secuencia de comandos = "text/javascript">
     $(documento).listo(función () {

         $(' li.condition > IMG').cada(función (índice, artículo)
           
{
             $(artículo).CSS("anchura", "60"); 
             $(artículo).CSS("altura", "50");
            });
     }); // carga de documento
</secuencia de comandos>

La colección encuentra ese trozo de código <Li> Etiquetas cuya clase es "condición" y <IMG> a los niños.  Luego itera a través de todo eso.  Trabajó como un encanto.

Yo probablemente pudiera racionalizarlo, Pero nunca fui a la clase de tipo unix que resolvió π Para 18 precisión de dígitos con sed y awk y yo no soy ese tipo si jQuery o tipo Sonreír.

</final>

Suscribirse a mi blog.

Sígueme en Twitter en http://www.twitter.com/pagalvin

Contesta

su dirección de correo electrónico no será publicada. Los campos necesarios están marcados *