I dziedziczone składnika web part dostawcy starych klienta i ma problemu rozmiar obrazu. Obrazy należy 60×50 jednak z jakiegoś powodu nieparzysta, oryginalny dostawcy zmusiły je do 42×42, tak wyglądają squashed:
|
Dobrą jakość obrazu |
Zły obraz |
 |
|
Oto znaczników (nieco uproszczony):
<Tabela klasy = "rozszerzony programu outlook">
<THEAD>
<TR>
<TH Szerokość = "100′>3 Wtorek</TH>
</TR>
</THEAD><tbody>
<Klasa TR = "Prognoza">
<szerokość TD = "100′>
<UL>
<Klasa li = "wysoki">Wysokie: 72&DEG;F</Li>
<Klasa li = "niski">Niski: 44&DEG;F</Li>
<Klasa li = "warunkiem">Słoneczny
<img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/EN/trans/cond007.PNG’ szerokość ='42’ wysokość ='42’ ALT =” />
</Li>
</UL>
</TD>
</TR></tbody>
</Tabela>
Będziesz, mimo że Uwaga Ścieżka do samego obrazu pokazuje właściwego wymiaru (60×50) oryginalny dostawcy zmusił go w 42×42. Dlaczego? Szalony.
Mimo to, Chciałem szybkie i proste rozwiązanie tego problemu i ja obróciłem się jQuery. Lewę było zlokalizować wszystkie odpowiednie <img> znaczniki. Nie chcę zakrycie z innych znaczników img (którego istnieje wiele). Ten bit jQuery brała lewy:
<skrypt typu = "text/javascript" src ="http://AJAX.googleapis.com/AJAX/Libs/jQuery/1.5/jQuery.min.js"></skrypt>
<skrypt typu = "text/javascript">
$(dokument).gotowe(Funkcja () {$("li.condition > img ").Każdy(Funkcja (Indeks, element)
{
$(element).CSS("szerokość", "60");
$(element).CSS("wysokość", "50");
});
}); // Ładuj dokumentu
</skrypt>
Ten bit kod znajdzie kolekcji <Li> tagi, których klasa jest "warunki" i <img> dzieci. Następnie iteracyjnie przegląda wszystko. Pracował jak urok.
Prawdopodobnie może usprawnić, ale nigdy nie była rodzaju guy unix, który rozwiązał π do 18 cyfr dokładności przy użyciu sed i awk i I 'm not tego rodzaju jeśli jQuery guy albo 
.
</koniec>
Follow me on Twitter wiek na http://www.twitter.com/pagalvin
