画像ホットスポット
絵の中の一点を指すピン
商品写真、図面、地図のように、どこが何かを伝えなければならない絵があります。これまではキャプションで補うか、画像に文字を焼き込むしかなく、後者は翻訳もインデックスも塞ぎます。ピンはパーセント座標に置くので画面幅が変わっても位置を保ち、絵が切り取られているときは表示領域を測り直して合わせます。 Mr. Latte メンバーシップ(サイト2つまですべてのウィジェット)に含まれます。メンバーシップ期間中は ピン の投稿数に制限はありません。
デモ
プレビュー%27%2F%3E%3Ccircle%20cx%3D%27296%27%20cy%3D%2784%27%20r%3D%2732%27%20fill%3D%27%23fff7ed%27%20opacity%3D%27.92%27%2F%3E%3Cpath%20d%3D%27M0%20196%20Q100%20150%20200%20186%20T400%20172%20V260%20H0Z%27%20fill%3D%27%235b21b6%27%20opacity%3D%27.5%27%2F%3E%3Cpath%20d%3D%27M0%20226%20Q120%20192%20240%20216%20T400%20206%20V260%20H0Z%27%20fill%3D%27%234c1d95%27%20opacity%3D%27.82%27%2F%3E%3C%2Fsvg%3E)
- ピンはパーセント座標に置かれるので、幅が変わっても太陽の上に留まります。
- 説明は2〜3行まで入り、ピンごとにリンクを付けられます。
実際のウィジェットです。ピンを押すとその場所の説明が開き、Tab キーでも順に移動でき、狭い画面では吹き出しの代わりに下の一覧になります
連携設定
同じローダー(bootsignal.js)がサイトの他のウィジェットも動かします。表示には有効なサブスクリプションが必要です。
料金
料金は Mr. Latte メンバーシップひとつだけです。メンバーになるとサイト2つまですべてのウィジェットを使え、ほかの Mr. Latte サービスの有料機能も一緒に開きます。ピン の投稿(書き込み)にはメンバーシップが必要で、投稿数に制限はなく、訪問者の閲覧は常に無料です。料金の確認と加入、管理は accounts.mrlatte.net で行います。 料金プランの詳細 →