Autor Zpráva
R Příhoda
Profil *
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
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 *
mám namysli rotaci obrázků, a pořadí se bude průběžně měnit
Alphard
Profil
V rámci GD knihovny imagerotate(), nebo Imagick::rotateImage().
Jan Tvrdík
Profil
Neznám přesné okolnosti, ale nebylo by jednoduší to vyřešit na pomocí CSS nebo JS?
Grivenko
Profil
$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 *
Grivenko:
Jasný, funguje parádně děkuji
Chamurappi
Profil
Reaguji na R Příhodu:
Ale zdaleka ne ve všech prohlížečích.
Grivenko
Profil
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
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
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 *
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
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;

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: