kódy pro obrázky do textu

Obrázek lze vložit velmi jednoduše - viz snadná metoda přidávání obrázků, věřím že až si vyzkoušíte vkládání pomocí kódu, objevíte kouzlo, které v sobě tato "technika" má.

Tento text je informativní - nad rámec nápovědy  - všechny zde popsané kódy získáte velmi snadno v Nástroji obrázek, který obsahuje utilitu - tvorba kódu.

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.

• šířka zobrazeného obrázku odpovídá požadavkům bez ohledu na jeho šířku skutečnou
• lze nastavit "pěkné" cesty
• v prezentačním modulu může být zpracování těchto kódů doplněno o nějaké speciální chování

Vkládání obrázku dle šířky

Nejpoužívanější a nejoblíbenější je velmi jednoduchý kód IMGWimgidSEPwidthIMGW.
Imgid je 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)by byl vložen kódem a zmenšený na 300px - IMGW2707SEP300IMGW..viz konec dokumentu

Pokud chceme zarovnat obrázek na střed, vleho či vpravo použijeme jednoduchý kód IWimgidSEPIW - na konec kódu přidáme L, R, nebo C, podle toho jak chceme obrázek zarovnat. Ukázka vlevo -  obrázek "na trampolíně (ID 2707) , zmenšen na 120px a zarovnán vlevo IW2707SEP120IWL.

 

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í obrázků pro odkaz

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é 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 ukázku zpracování vidíte vlevo.

Tento kód jako jediný na této stránce není dostupný v pomůcce popsané v tomto dokumentu, ale v jiné - pomůcka ködy, která je k dispozici v liště menu pomůcky textpvého editoru.

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í:

Další dokumenty

Vkládání percentuelně zmenšeného obrázku

Vkládání percentuelně zmenšených obrázků bylo ve verzi 4.9 nahrazeno jinou metodou. Důvodem byla vlastní zkušenost. Stává se totiž že po čase potřebujete obrázek nahradit - inovovat. V takovém případě se jen někdy dá použít obrázek o stejných rozměrech. Percentuelní zmenšeniny tedy odpovídají velikostí novému obrázku a mohou být příliš velké nebo naopak.

Proto lépe vyhovuje zmešování podle stanovené šířky - pokud požadujeme šířku v pixelech - je vždy stejná a skutečné rozměry obrázku na to nemají vliv.

Z důvodů zpětné kompatibility jsou staré kódy překládány i nadále, v nástrojích pro tvorbu kódu již nejsou.