Autor | Zpráva | ||
---|---|---|---|
R Příhoda Profil * |
#1 · Zasláno: 10. 3. 2014, 17:25:53
Zdravím, spolupracovník mě dnes požádal, jestli bych neupravil obrázky na webu, aby se každý obrázek nakláněl jinak a měl jinou velikost.
Jedná se o 3-7 obrázků. Jde o to, že první obrázek bude mít velikost 200x200, druhý obrázek 180x180, třetí 150x150 a tak dále... stím že obrázek má být trochu nakloněn. Nevíte někdo jak se toto řeší nejefektivně? |
||
Bubák Profil |
#2 · Zasláno: 10. 3. 2014, 17:45:26
kládám, že obrázky budou stále, nebo alespoň dlouhodobě, neměnné, včetně zmíněného "naklánění". Nevím, co máš na mysli pod pojmem "naklánění", zda rotaci, zešikmení, nebo něco jiného. Já osobně bych "naklánění" udělal v grafickém programu , jako Fotošopa, GIMP, Paint.NET...
|
||
R Příhoda Profil * |
#3 · Zasláno: 10. 3. 2014, 17:46:52
mám namysli rotaci obrázků, a pořadí se bude průběžně měnit
|
||
Alphard Profil |
#4 · Zasláno: 10. 3. 2014, 18:32:14
V rámci GD knihovny imagerotate(), nebo Imagick::rotateImage().
|
||
Jan Tvrdík Profil |
#5 · Zasláno: 10. 3. 2014, 18:36:06
Neznám přesné okolnosti, ale nebylo by jednoduší to vyřešit na pomocí CSS nebo JS?
|
||
Grivenko Profil |
#6 · Zasláno: 10. 3. 2014, 18:59:42
$images = array( "http://2.bp.blogspot.com/-QefvPy0_kHA/UcTQu1pw7yI/AAAAAAAAR6Q/Ee3Vf8PF74I/s640/Game-Of-Thrones-download.jpg", "http://www.simpsonovi-tv.cz/head3.png", "http://www.serialzone.cz/obrazky/fanart/4297-teorie-velkeho-tresku-6-serie.jpg" ); $rotate = array(30,50,80,100,120,150,180,10); shuffle($rotate); $i=0; foreach($images as $src){ $deg = $rotate[$i]; echo "<img src='$src' style='transform:rotate(".$deg."deg); -ms-transform:rotate(".$deg."deg); -webkit-transform:rotate(".$deg."deg);' />"; if($i == count($rotate)-1){ $i = 0; }else{ $i++; } } Tak by to možná šlo. Není to pěkné s tím style, spíš by bylo lepší si udělat třeba 6x nějakou třídu a přidělovat třidu. |
||
R Příhoda Profil * |
#7 · Zasláno: 11. 3. 2014, 15:41:00
Grivenko:
Jasný, funguje parádně děkuji |
||
Chamurappi Profil |
#8 · Zasláno: 11. 3. 2014, 16:00:10
Reaguji na R Příhodu:
Ale zdaleka ne ve všech prohlížečích. |
||
Grivenko Profil |
#9 · Zasláno: 11. 3. 2014, 16:11:30
Chamurappi:
Chrome, mozilla a IE (9+) podporují, včetně všech webkit prohlížečů. |
||
Chamurappi Profil |
Reaguji na Grivenka:
Opera 12 ne a Explorer 8 také ne => každý osmý to uvidí neotočené… (má-li R Příhodův web běžné české zastoupení prohlížečů) |
||
Grivenko Profil |
#11 · Zasláno: 11. 3. 2014, 17:59:23
Chamurappi:
:) je fakt že na operu jsem zapomněl ale rotate podporuje... stačí si jen přidat ještě -o-transform: rotate(".$deg."deg); A IE 8 Byl vydán v roce 2008, což už je 5 let... a verze 9+ už podporují. |
||
Chamurappi Profil |
#12 · Zasláno: 11. 3. 2014, 18:12:40
Reaguji na Grivenka:
„A IE 8 Byl vydán v roce 2008, což už je 5 let“ 2009. Na mizerný výsledek u nezanedbatelné části návštěvníků nemá stáří prohlížeče vliv. Jde to udělat tak, aby to fungovalo i v Exploreru 5.5. Rotace na straně serveru by fungovala úplně všem bez hackování a proprietárních prefixů. |
||
sirius Profil * |
#13 · Zasláno: 12. 3. 2014, 12:06:53
Chamurappi:
Riešil som niečo podobné ako R Příhoda s rotáciou obrázka pomocou js a css lebo som chcel dosiahnúť rotáciu obrázka bez znovunačítania webu. AK by som použil rotáciu na strane servera dalo by sa vyhnúť znovu načítaniu stránky ? |
||
_es Profil |
#14 · Zasláno: 12. 3. 2014, 12:10:52
sirius:
„AK by som použil rotáciu na strane servera dalo by sa vyhnúť znovu načítaniu stránky ?“ Stačí v JS znovu načítať len obrázok: objektObrázka.src=adresaObrázka;
|
||
Časová prodleva: 10 let
|
0