ugrás a tartalomhoz

Felbontásfüggő fejléc kép építés?

dummy · 2007. Már. 3. (Szo), 15.55
Tudom lerágott csont, de talán a téma bő "irodalma" miatt nem találom, amit keresek, pedig jó ideje próbálkozom.

Egy bizonyos oldalt keresek (angolul volt). Egy leírás volt, hogyan érdemes felbontásfüggő fejléc-képet alkotni.
Nem emlékszem már, hogy JS, vagy csak CSS megoldás volt, de az oldal tetején lévő kép mindig kitöltötte a teret, gördítősáv nélkül. Ami plussz volt benne, hogy nem egy nagy képet használt overflow:hidden-nel, hanem kisebb képekből építkezett.
Valószínűleg itt a weblaboron futottam bele, de már nem tudom hol.
A blogmarkokat szeptemberig néztem vissza, ott sem találtam...

Akinek megvan, segítsen ki egy linkkel!

Köszönöm.
K Dave
‹ Prototype updaterrel betoltott fukcio Gyorstipp megoldás ›
 ■
1

Nem háttérkép kell?

Charybdis · 2007. Már. 3. (Szo), 16.18
Neked nem háttérkép kell? Mindig annyi látszik belőle éppen, amennyi kell. Ha pedig a kép valamelyik végét végteleníteni akarod, akkor csinálj egy kisebb képet, ami ismétlődik.

Így minden felbontáson annyi látszik a képből, amennyi kell, ez mért nem jó?
2

félmegoldás nekem

dummy · 2007. Már. 3. (Szo), 17.10
(háttér)Képre gondoltam, nem színre.
Az általam keresett oldalon például egy hegyvonulat vonult végig. Én meg hát hasonlóra vágyom. Mivel végig "tartalmi" kép lenne, nem egy szinátmenet, vagy hasonló végteleníthető kép, szerintem csak ilyen darabolós technikával megolható.
3

1600 széles

janoszen · 2007. Már. 3. (Szo), 18.12
Csinálj egy 1600 széles képet és meg van oldva. Annél nagyobb felbontást senki nem használ ép ésszel. :D Csak az olyan hülyék mint én, akik már csak a poén kedvéért is kihúzzák két monitorra az ablakot. :D
4

trükk

Cadeyrn · 2007. Már. 3. (Szo), 18.18
Üdv!

A trükk, hogy a kép 1600 px széles, v amennyi tetszik, css-el beállítod, hogy melyik a referenciapont, amihez igazodnia kell (top left, bottom right, stb.), majd overflow:hidden.

Van egy ismerősöm, aki egy monitoron 1920 szélességben nyomja, és panaszkodik, hogy kicsik az oldalak...aztán zoomol Operával...
5

vazz

Cadeyrn · 2007. Már. 3. (Szo), 18.20
bocs, figyelmetlen voltam. a kissebb képeknél marad az overflow:hidden, de megfelelő sorrendben pakolod be a képeket, és display:block; float:left-et (vagy ami jó) adsz nekik.
6

Letöltődik mind?

dummy · 2007. Már. 4. (V), 13.02
Köszi az ötleteket,
igazából eddig magam is eljutottam, csak azt akartam volna kiküszöbölni, hogy mondjuk egy 800x600-as felbontást használó látogatónak az összes, egészében 1600px szélességű képsor letöltődjön.

Mondjuk ha az oldal betöltődése után JS megnézné a valós ablak szélességet, és ha kell, utólag adna a fenti floatolt elemeknek hátteret...

Ellenkező esetben attól tartok, hiába nem látszanak a képek, a css hivatkozás miatt a böngészők letöltik mindet.

K Dave
7

Minta

janoszen · 2007. Már. 4. (V), 14.18
Nézd meg ezt: http://ambringa.hu/ hátha ez a megoldás tetszik. :)

Egyébként én úgy oldottam meg egy saját oldalamon, hogy a kép a bal fölső sarokban van és utána más dolgok dinamikus elrendezésben.
8

érdekes

dummy · 2007. Már. 4. (V), 15.01
végtelenített mező :) Nem gondoltam volna, hogy tud viszonylag normálisan is kinézni az ilyenfajta kép végtelenítés.
10

Credit

janoszen · 2007. Már. 5. (H), 09.55
Credit Szabesz@Oditech, ő találta ki a dolgot. A lényege, hogy nem 1 képpontos ismétlődő képet használsz, hanem mondjuk 20 és azt egyszer rendesen, egyszer pedig tükrözve rakod ki. Utána már csak oda kell tenni a divbe megfelelően pozicionálva és tessék. :)
9

valós ablakszélesség helyett felbontás

ASN · 2007. Már. 4. (V), 18.13
Csináld meg több méretben a képet, vagy több darabban, és nézze meg a felhasználó felbontását egy JavaScript kód. Ha mondjuk 800 × 600, akkor betölti a hatter1.jpg-t, ha 1024×764, akkor betölti a hatter1.jpg-t és mellé a hatter2.jpg-t.
11

??

janoszen · 2007. Már. 5. (H), 10.07
Huh, ilyen JavaScriptes hekkelős módszereket legutóbb kb 5-10 éve láttam. :S Arról nem is beszélve, hogy nekem pl 1025x768-as a felbontásom, de két monitorral akár annál nagyobb is lehet a szélesség.
12

1024 == 1024?

Nagy Gusztáv · 2007. Már. 5. (H), 13.35
Ráadásul semmit nem fogsz arról tudni, hogy ebből mennyi a tényleges nettó méret. Nálam pl. bal oldali tálca és eszköztár miatt nem szélesebb 700-nál. Erre hogy optimalizáljak?