[html] Wyświetlenie obrazka Opcje

[AQuatro]

Mam problem z wyswietlaniem obrazkow w html.
Problem polega na tym ze obrazki maja rozną wysokosc i szerokosc.
Raz są pionowe, raz poziome, a innym razem kwadratowe.
A ja mam scisle wyznaczony obszar w ktorym obrazek musi sie zmiescic.
Oczywiscie obrazki sa zazwyczaj wieksze niz wyznaczony obszar.
Jak je formatowac aby były w naturalnych proporcjach a nie były zniekształcone,
bo wiadomo, ze moge dac width="100" i height="100" i wtedy niby dobrze...tyle że tylko obrazki kwadratowe.

[vokiel]

Mozesz zrobić tak że obrazki przerobisz w jakimś programie do edycji grafiki, gdzie ustawisz rozmiar wg wysokości lub szerokości, następnie na stronie zdefiniujesz na stałe drugi wymiar.
Chyba zamotałem (IMG:http://forum.php.pl/style_emoticons/default/dry.gif) może przykład.
masz obrazek o wymiarach x=100 y=50, a drugi x=50 y=100
* w programie do grafiki skalujesz oba do y=50,
* następnie na stronie ustalasz wymiary obrazka na stałe na x=50

co z tego otrzymasz? obrazki o wymiarach proporcjonalnych będą miały 50x50
te ktore mialy jeden bok dluzszy beda mialy wolne paski bo bokach, nie wypełnią w całości pola, ale nie zostaną rozciągnięte, i dzięki temu nie porozpychają Ci strony.

Albo tak:

[HTML] pobierz, plaintext 
selektor { position: absolute; clip: rect(góra, prawo, dół, lewo) }
[HTML] pobierz, plaintext 

Polecenie pozwala wyciąć z elementu pewien jego fragment (o kształcie prostokąta), a następnie wyświetlić go na ekranie.

[HTML] pobierz, plaintext 
<img style="position: absolute; clip: rect(5px 50px 40px 10px)" src="../pliki/obrazek.jpg">
[HTML] pobierz, plaintext 

obrazek będzie przycięty ale wypełni w całości założony obszar (wcześniej i tak możesz je przygotować do odpowiednich wymiarów - tak, żeby najkrótszy bok był wymiarów pola, gdzie chcesz ten obrazek umieścić)

Ten post edytował vokiel 14.03.2007, 18:43:01