> >
Od verze 3.9 je implementována snadná metoda přidávání obrázků, která ovšem nemusí vyhovovat při vyšších nárocích na úpravu dokumentu. Obrázky vložené touto snadnou metodou nejsou aktivní (nereagují na myš).
Předesílám že pro vkládání obrázků do textu níže popsaným způsobem je nezbytné je mít uložené v aplikci Alff - jak dostat obrázky do aplikace se dozvíte v článku přidávání obrázku a Přidání více obrázků.
Pro efektivní vkládání obrázků do textů je v aplikaci Alff připravena několik užitečných kódů pro vkládání obsahu.
Práce s těmito kódy má tu výhodu, že v prezentačním modulu může být zpracování těchto kódů doplněno o nějaké speciální chování. Příkladem může být kód pro vkládání náhledů?, který bývá typicky doplněn generováním bubliny s větším náhledem.
Zarovnání je ovlivněno písmeny LL (left, left), opakování písmen je zde proto, aby se snížila pravděpodobnost výskytu běžného textu podobného vkládacímu kódu. Analogicky RR znamená zarovnání vpravo, CC pak znamená zarovnání na střed.
Pro tento způsob je připravena řada tří kódů LLPE, RRPE a CCPE (levý, pravý střed). Celý kód vypadá následovně LLPEIDUWnLLPE.
Vysvětlíme :
první dvě písmena určují umístění obrázku, druhá nasnačují, že obrázek bude zpracován PErcentuelně - tedy zmenšen na n procent původní velikosti. Obrázek vpravo od tohoto textu je umístěn pomocí kódu RRPE2707UW15RRPE. Zkuste si na obrázek kliknout, javascript otevře nové okno a v něm ukáže obrázek v plné velikosti.
Chcete-li aby se kliknutím na obrázek návštěvník vašich stránek přepnul na jiný dokument máte k dispozici kódy AA (anchor - kotva). Tyto kódy pracují stejně jako výše zmíněné PE kódy s tím rozdílem, že klikáním zobrazíte odkazovaný dokument a ne obrázek samotný. Jak získat kód je jasné - v editoru obrázků nebo v pomůcce zobrazené na této stránce. Jak ke kódu připojit odkaz se dočtete pokud kliknete na obrázek vpravo který vás zavede k dokumentu ID 584 - vložení odkazu.
Zvláštní kód kombinuje ID dokumentu, ID obrázku a text odkazu, jako jediný ze zdejší skupiny vkládacích kódů je uzavřen v závorkách - vypadá takto (DOCIDADOCIMGIDSEPtext odkazu). Tento kód je nahrazen složitěším HTML a je primárně určen pro tvorbu skupin obrazových odkazů. Předchozí odkaz by se tedy dal zapsat takto:(584ADOC2707SEPvložení odkazu) a byl by zpracován takto:
Použijeme-li obrázek ve formátu GIF nebo PNG, obvykle k tomu máme nějaký důvod - nejčastěji je to ptoto, že obrázek je nějaká grafika - tedy nikoli fotografie. Pro grafiku jsou formáty PNG nebo GIF vhodnější přesto, že bývají datově objemnější něž stejně rozměrná JPEG v plných barvách. Vhodnější neboť stejnobarevné plochy JPEG znehodnocuje.
Kód pro vložení celého obrázku je otočen, nejprve je prefix IMG a pak písmena určující zarovnání, tedy známé dvojice LL, RR, CC, následuje známé ID obrázku. Za separátorem UW je pak uvedena extenze souborového jména - tedy jpg, gif či png a celý kód je opět uzavřen sequencí IMGLL (resp. IMGRR či IMGCC). Celý kód může vypadat takto IMGCCdocidUWgifIMGCC. Pokud zaměníme docid za číslo 2719 tak uvidíme následující:
Imgid je známé ID obrázku, width je jeho šířka v pixelech?. Tento kód je připraven pro ukládání obrázků do buněk tabulek a do formátovaných blokových elementů, proto nemá žádné další formátovací vlastnosti - pro zarovnání například.
Oblíbený obrázek "na trampolíně (ID 2707) vložený kódem a zmenšený na 300px - IMGW2707SEP300IMGW.
vložení obrázku do textu
V tomto dokumentu se hovoří o používání vkládacích kódů pro obrázky. Tyto kódy můžete získat buď při editaci obrázku - viz, nebo odečtením ze zobrazené pomůcky
Pomůcka pro vkládání obrázků - dostupná z menu pomůcky v editoru kontextů. Klikněte na obrázek a přečtěte si návod k použití.
v tomto dokumentu najdete:
Předesílám že pro vkládání obrázků do textu níže popsaným způsobem je nezbytné je mít uložené v aplikci Alff - jak dostat obrázky do aplikace se dozvíte v článku přidávání obrázku a Přidání více obrázků.
Pro efektivní vkládání obrázků do textů je v aplikaci Alff připravena několik užitečných kódů pro vkládání obsahu.
Práce s těmito kódy má tu výhodu, že v prezentačním modulu může být zpracování těchto kódů doplněno o nějaké speciální chování. Příkladem může být kód pro vkládání náhledů?, který bývá typicky doplněn generováním bubliny s větším náhledem.
Vkládání zmenšeniny
Kód LLIMG2707LLIMG bude nahrazen takto: |
Všimněte si že obrázek je zarovnán doleva a že po přejetí myší ukáže skutečný obrázek v upravené velikosti v bublině, po kliknutí na zmenšeninu pak bude obrázek otevřen v novém okně. |
Zarovnání je ovlivněno písmeny LL (left, left), opakování písmen je zde proto, aby se snížila pravděpodobnost výskytu běžného textu podobného vkládacímu kódu. Analogicky RR znamená zarovnání vpravo, CC pak znamená zarovnání na střed.
Vkládání percentuelně zmenšeného obrázku
Vysvětlíme :
první dvě písmena určují umístění obrázku, druhá nasnačují, že obrázek bude zpracován PErcentuelně - tedy zmenšen na n procent původní velikosti. Obrázek vpravo od tohoto textu je umístěn pomocí kódu RRPE2707UW15RRPE. Zkuste si na obrázek kliknout, javascript otevře nové okno a v něm ukáže obrázek v plné velikosti.
Vkládání obrázků pro odkaz
Zvláštní kód kombinuje ID dokumentu, ID obrázku a text odkazu, jako jediný ze zdejší skupiny vkládacích kódů je uzavřen v závorkách - vypadá takto (DOCIDADOCIMGIDSEPtext odkazu). Tento kód je nahrazen složitěším HTML a je primárně určen pro tvorbu skupin obrazových odkazů. Předchozí odkaz by se tedy dal zapsat takto:(584ADOC2707SEPvložení odkazu) a byl by zpracován takto:
Vkládání nezměněných obrázků
Čtete-li tento text poprvé, budete asi nevěřícně kroutit hlavou - zkušení uživatelé rádi používají kódy pro vkládání, které začátečníkům nahánějí hrůzu. Proto také používají kódy i tam, kde by bylo možné obrázek prostě vložit přímo pomocí URL (nebo novou snadnou metodou přímo z editoru).Použijeme-li obrázek ve formátu GIF nebo PNG, obvykle k tomu máme nějaký důvod - nejčastěji je to ptoto, že obrázek je nějaká grafika - tedy nikoli fotografie. Pro grafiku jsou formáty PNG nebo GIF vhodnější přesto, že bývají datově objemnější něž stejně rozměrná JPEG v plných barvách. Vhodnější neboť stejnobarevné plochy JPEG znehodnocuje.
Kód pro vložení celého obrázku je otočen, nejprve je prefix IMG a pak písmena určující zarovnání, tedy známé dvojice LL, RR, CC, následuje známé ID obrázku. Za separátorem UW je pak uvedena extenze souborového jména - tedy jpg, gif či png a celý kód je opět uzavřen sequencí IMGLL (resp. IMGRR či IMGCC). Celý kód může vypadat takto IMGCCdocidUWgifIMGCC. Pokud zaměníme docid za číslo 2719 tak uvidíme následující:
Vkládání obrázku dle šířky
Poslední kód který zmíníme na této stránce je velmi jednoduchý IMGWimgidSEPwidthIMGW.Imgid je známé ID obrázku, width je jeho šířka v pixelech?. Tento kód je připraven pro ukládání obrázků do buněk tabulek a do formátovaných blokových elementů, proto nemá žádné další formátovací vlastnosti - pro zarovnání například.
Oblíbený obrázek "na trampolíně (ID 2707) vložený kódem a zmenšený na 300px - IMGW2707SEP300IMGW.
Další dokumenty
 | přidávání obrázkuklíčová slova:nový obrázek , obrázek , IPTC , EXIF |
 | editace obrázku 1 - informace |