Autor Zpráva
phantomas
Profil *
dobry den, mam na pozadi obrazek ale pri zmensovani/zvetsovani okna se mi obrazek ruzne deformuje (mam nastaveno height a width na 100%), je mozne nastavit aby se roztahoval/zmensoval pouze 1:1 (tj pomer vzdy stejny [sirka ku delce]) pokud by existoval univerzalni zpusob i na sirokouhly obrazky nemel bych nic proti :) dekuji vsem za pripadny rady
Miloš
Profil
Kde a jak hodláš obrázky zmenšovat?

— Máš jeden obrázek a chceš ho na stránce zobrazit v jiné velikosti, ale nechceš datově měnit soubor s obrázkem? Zadej jen jednu souřadnici (width anebo height), druhá se dopočítá proporcionálně sama. V CSS nenastavuj žádná procenta. A je úplně jedno, jestli ten rozměr zadáš jako atribut HTML tagu, nebo jako CSS vlastnost obrázku.
K tomu jen poznámku – doufám, že takto nevytváříš „náhledy“, protože přes miniaturní zobrazení klient stejně načítá obrázky velké jak kráva as datovou velikostí na zabití (a stačí takových 10 „náhledů“ po 300 KB – i to už jsem viděl; hrůůůůůůza).
— Chceš změnit velikost obrázku – souboru. V jakém programu to upravuješ? Všechny současné programy by měly umět obrázek přepočítat proporcionálně – opět stačí zadat jen jeden z rozměrů.
phantomas
Profil *
Miloš: mam to jako pozadi na strance (na cele strance), ale pokud v CSS nemam nastavovat procenta tak jak ho muzu roztahnout pres celej prohlizec? (napr sirka bude stejna jako velikost okna a vyska bude vetsi s nastavenym overflow napr) jinak dik ale porad nevim jak to zatim provyst :)
Miloš
Profil
Background-image se ti při změně velikosti okna deformuje? Nechápu. Můžeš dát odkaz na tu stránku?
phantomas
Profil *
no protoze mam nastavenou sirku a vysku na 100% jak sem psal.. jediny reseni asi bude nastavit jen sirku nebo vysku na procenta a nastavit k tomu min-sirku a min-vysku (a vysku nebo sirku dat napr na 1600px) a takhle by to pak melo bejt vzdy full screen a nedeformovat se to : p
phantomas
Profil *
aha promin ted sem si neceho vsim skusim to spravit a napisu :)
phantomas
Profil *
no tak sem si s tim chvilku hral a uz mi funguje aby to drzelo format 1:1 pri zmene velikosti okna ale problem je kdyz okno zmenim moc do sirky nebo do vysky tak se stane ze obrazek uz neni full screen ale sou videt okraje otazka tudiz zni jak prinutit prohlizec aby pokud by se stalo ze by obrazek byl mensi nez okno tak zapnout prepocitavani ; p mozna to ale nepude, mozna nak pouzit javascript v cyklu kterej porad bezi a prepocitava sirku/vysku okna a kontroluje to s sirkou/vyskou obrazku ale tohle si uzivatel nezaslouzi
Miloš
Profil
A opravdu nemůžeš dát odkaz na stránku, která ti to dělá?
Jestli nemáš žádné veřejné stránky, využij nějaký freehosting – hodí se to minimálně právě na různé ukázky.
Plaváček
Profil
phantomas

Nemáš na mysli něco podobného? http://www.cssplay.co.uk/layouts/background.html
Plaváček
Profil
Nebo možná spíše tohle řešení http://css-tricks.com/how-to-resizeable-background-image/ , ale osobně bych se obojímu vyhnul.
phantomas
Profil *
Plavacek: jj dik to prvni tak to mam ted a toho druhyho sem chtel docilit :)
Milos: na freehosting to bohuzel dat nemuzu ale i tak dik :)
phantomas
Profil *
Plavacek: tak sem ted zkousel to druhy a zjistil sem ze tam je stejna chyba kdyz napr sirka okna je 10% tak vyska obrazku uz se neroztahne na vysku obrazku proste si asi budu muset vybrat bud mezi deformaci obrazku nebo roztahovani/zmensovani v pomeru 1:1.. zatim to necham byt. jeste jednou dekuji :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0