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 .
</final>
Sígueme en Twitter en http://www.twitter.com/pagalvin