Autor | Zpráva | ||
---|---|---|---|
jirik0201 Profil |
#1 · Zasláno: 5. 3. 2014, 10:16:57
zdravím, potřeboval bych poradit jak zobrazit různě vysoké obrázky pod sebe. šířka je stejná.
pokračuje to pořád dál a dál, jeden vedle druhého. díky za rady. |
||
anonymníí Profil * |
#2 · Zasláno: 5. 3. 2014, 10:35:34
jirik0201:
Nelze, jediná možnost je řadit ne po řádcích, ale po sloupcích (tzn. nejprve dát obrázky 1. sloupce, pak druhého, třetího). Při řazení vedle sebe (inline alebo float) není možnost jak zaplnit "zub" vzniklý tím, že vyšší (2. v první řadě) obrázek následuje nižší (první v první řadě). |
||
jirik0201 Profil |
OK, v html a v css to nejde. Jde to třeba v javascriptu či php či v jiném? Otázku bych pak přesunul do příslušné kategorie.
|
||
anonymníí Profil * |
#4 · Zasláno: 5. 3. 2014, 10:46:30
jirik0201:
V PHP určitě ne. V JS teoreticky ano, dopočítávat souřadnice a jednotlivé obrázky absolutně pozicovat. Ale je to pro více obrázků těžko udržitelné, zbytečně pomalé a oblbující. Co se ti nelíbí na tom udělat to pořádně - naplnit první sloupec, pak druhý, třetí? |
||
jirik0201 Profil |
Obrázky tam budou vkládat uživatelé, ne já. A když tam vloží obrázek další uživatel, ten na prvním místě by se měl posunout na druhé místo, ne pod první obrázek na 5. nebo jiné místo (podle počtu sloupců, což určuje velikost rozlišení daného monitoru). Pak se ty obrázky musí nějak třídit, třeba podle abecedy apod. Navíc těch obrázků na jedné stránce bude časem tisíce. Jako nezobrazí se všechny naráz, když se dojede na konec, tak se pokračuje dál (něco jak tlačítko zobrazit více u googlu či jiných).
Ale kdybych se nad tím zamyslel a nějak to promyslel, možná by to šlo nějak vymyslet. S tím tříděním obrázků je problém. Díky za rady. |
||
peta Profil |
#6 · Zasláno: 5. 3. 2014, 11:14:20
anonymníí: :)))
V js i php to jde. V js muzes pouzit moznost zvetseni, zmenseni a orezani crop. Totez v php. http://codegeekz.com/jquery-image-gallery-plugins/ http://codegeekz.com/jquery-grids/ google = javascript image galery photo grid google = javascript image galery mosaic grid |
||
Joker Profil |
#7 · Zasláno: 5. 3. 2014, 11:43:29
jirik0201:
Jednodušší by asi bylo ty obrázky zarovnat na stejnou výšku, tím by se problém vyřešil sám. |
||
jirik0201 Profil |
#8 · Zasláno: 5. 3. 2014, 11:52:42
Joker:
Ano, stejná výška by bylo řešení, ale ztratilo by to ten design. Zkusím pohledat, na doporučení peti, řešení v php. |
||
Plaváček Profil |
#9 · Zasláno: 5. 3. 2014, 12:43:07
jirik0201:
Hodně narychlo spíchnuté zde: http://klient.plavacek.net/galerie.html. Funkční od IE 10 a v novějších verzích ostatních prohlížečů, které podporují použitý fígl z CSS 3. Pro IE 9 a nižší by to šlo ještě poladit, ale na to už jsem byl líný. :) |
||
Joker Profil |
#10 · Zasláno: 5. 3. 2014, 13:04:29
peta:
„V js muzes pouzit moznost zvetseni, zmenseni a orezani crop. Totez v php.“ Ani jedno z toho neřeší problém. Resp. pomocí toho by maximálně mohl dosáhnout, aby ty obrázky byly stejně velké. Ale neumístí různě velké obrázky pod sebe. jirik0201: „Ano, stejná výška by bylo řešení, ale ztratilo by to ten design.“ Změna by byla v tom, že by „rovné čáry“ byly mezi řádky a ne sloupci a místo „co s konci sloupců“ by se řešilo „co s konci řádků“. Jinak při známém počtu sloupců by existovalo řešení, které vyprodukuje jen HTML+CSS: Na serveru udělat kontejner pro každý sloupec. Obrázky by se pak rozhazovaly do jednotlivých kontejnerů podobným způsobem jako když se generují buňky tabulky. Kromě toho by se pro každý obrázek načetla jeho výška a sčítala se výška kontejnerů (sloupců). Dál to záleží na tom, jakým přesně způsobem by ty obrázky měly jít za sebou. Šlo by každý další obrázek vždycky vložit do nejnižšího sloupce. Nebo přeskočit sloupec, který je „na řadě“ v případě, že převyšuje následující sloupec o víc než půlku výšky obrázku (nebo jinou část výšky nebo nějakou konstantu). Plaváček: To je dobré… Jen mi to v Opeře scrolluje dost trhaně. |
||
Bubák Profil |
#11 · Zasláno: 5. 3. 2014, 13:26:52
Joker:
„Jen mi to v Opeře scrolluje dost trhaně.“ Mám počítač starou šunku a u mne v Opeře naprosto bez problémů. |
||
Joker Profil |
#12 · Zasláno: 5. 3. 2014, 13:38:50
Bubák:
„Mám počítač starou šunku a u mne v Opeře naprosto bez problémů.“ Tak to bude něco v mém prohlížeči. Ještě jsem to zkoušel a děje se to i na jiných stránkách, jen na téhle to asi bylo víc vidět. |
||
peta Profil |
#13 · Zasláno: 5. 3. 2014, 14:27:03
Joker: ??? Spousta tech screenu vypada presne jako jeho obrazek. Nerozumim, co se ti presne nezda.
|
||
Plaváček Profil |
#14 · Zasláno: 5. 3. 2014, 16:25:34
Joker:
peta má výjimečně pravdu. :) Je tam třeba tento jQuery plugin http://mcpants.github.io/jquery.shapeshift/, který asi dělá přesně to, co tazatel požaduje. |
||
Joker Profil |
#15 · Zasláno: 5. 3. 2014, 18:34:54
Plaváček:
„peta má výjimečně pravdu. :)“ Já nereagoval na ty odkazy, ale na zvětšení, zmenšení, ořezání a crop. |
||
peta Profil |
#16 · Zasláno: 6. 3. 2014, 09:36:43
Joker: A jak to delaji teda ty pluginy, kdyz nezvetsuji, nezmensuji (cili prepocitavaji rozmery obrazku podle toho, aby jim to pekne vyslo), neorezavaji? :)
|
||
Joker Profil |
#17 · Zasláno: 6. 3. 2014, 10:45:29
peta:
Nějak nevidím souvislost mezi umístěním obrázků pod sebou a změnou rozměrů obrázku. Když připustíme změnu rozměrů a ořezání, šlo by rovnou všechny obrázky změnit na stejné rozměry a pak to bude triviální. |
||
Časová prodleva: 11 let
|
0