Custom Image Highlighter

※Forge全件データの日本語検索サービスをご利用になりたい場合は、こちらまでお問合せください。

Forge英文サイト

更新日： 2018-06-27 バージョン： 1.0.0 作者： Headfitted Labs Platform： DB： SQL Server スタック： All カテゴリー： Components

概要：

このコンポーネントは、クリック/タッチ時に画像の部分/セクションを強調表示するために開発されています。

詳細：

このコンポーネントは、クリック/タッチ時に画像の部分/セクションを強調表示するために開発されています。利用可能な2つのオプションがあります。 1.スタティック・イメージ・ハイライター。このコンポーネントでは、ユーザーがクリック可能な領域をクリックすると、クリックされた領域が強調表示されます。ダイナミックイメージハイライター。このコンポーネントでは、ユーザーがクリック可能な領域をクリックすると、クリックされた領域が強調表示されます。また、使用がこのページ/ブロックに戻ると、その選択はまだ利用可能で強調表示されます。参照されたjquery：https://davidlynch.org/projects/maphilight/docs/ カスタムイメージハイライターの設定手順： 1.クリック可能な領域を持つ画像をアップロードします（最大サイズ：375 * 572） a。クリック可能な領域ごとに必要な座標を取得するコノナイトを生成するには、このlnkを使用してください：http://imagemap-generator.dariodomi.de/ b。形状を設定する（例えば、カスタム形状の場合は「ポリ」） 3.必要な数のクリック可能な領域を追加します。

[Overview]
This component is developed for highlighting part/section of an image on click/touch.

[Detail]
This component is developed for highlighting part/section of an image on click/touch. There are 2 options available . 1. Static Image Highlighter. In this component, when user clicks on the clickable areas, the clicked are will be highlighted. 2. Dynamic Image Highlighter. In this component, when user clicks on the clickable areas, the clicked are will be highlighted. Also when the use navigates back to this page/ block, the selection will be still available and highlighted. Referenced jquery: https://davidlynch.org/projects/maphilight/docs/ Steps for configuring of Custom Image Highlighter: 1. Upload an image which will have clickable areas .(max size supported: 375*572) 2. a. Get the desired coordinates for each clickable area Use this lnk to generate the corodinates : http://imagemap-generator.dariodomi.de/ b. set the shape(eg. 'poly' for custom shape) 3. Add as many clickable area as required.

戻る