jQuery Croppic záhada
Ahojte, pracuji na jednom projektu na výrobu dětských průkazek a zasekl jsem se na jedné podivné věci. Přesněji na práci s fotkami. Našel jsem k tomu perfektní modul Croppic, který funguje opravdu skvěle a rozjel jsem si ho zde:
Rozpracovaný projekt (konkrétně tvorba průkazky) se nachází zde:
Pokud si na prvním odkazu zkusíte nahrát fotku, nahraje se a správně zobrazí v příslušném zoomu a všechny prvky fungují skvěle. Pokud to ale zkusíte dole na průkazce, fotka se zarovná doleva a absolutně ztratí poměr stran. Nedokážu si to vysvětlit, proč tomu tak je, musí to nějaký div blokovat. Najde se tu nějaký šikula, co by mi to rozluštil?
No neviem, mne to nefunguje poriadne ani na jednom z tých odkazov a dokonca ani na croppic.net.
Ale v tom rozpracovanom projekte to spadne s trochu inou chybou než na tých ostatných stránkach. Konkrétne: "Uncaught SyntaxError: Unexpected token <"
Po nastavení breakpointu je vidno, že požiadavka na súbor "img_crop_to_file.php" ti vráti HTML, pričom skript očakáva JSON. Takže toto treba opraviť.
Tak mně to funguje dobře na obou odkazech.
Chovanie u mňa:
1. Uploadnem obrázok - obrázok sa zobrazí v strede.
2. Kliknem na obrázok - obrázok poskočí dole, môžem ho ťahať doľava a doprava.
3. Ikony "+" a "-" nič nerobia.
4. Ikona orezania spraví:
- a1. Chrome: Uncaught TypeError: undefined is not a function
- a2. Firefox: TypeError: o.imgEyecandy.hide is not a function
- b1. Chrome: Uncaught SyntaxError: Unexpected token <
- b2. Firefox: SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
5. Ikona zmazania obrázka funguje.
Jo ořezání mi nefunguje, zbytek ale bez problémů. Ale v ničem jiném než v Chromu jsem to nezkoušel.