WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Miscellaneous

addDot - The jQuery Plug-in for Adding Hot Spots

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


addDot - The jQuery Plug-in for Adding Hot Spots - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

addDot - jQueryのプラグインでホットスポットを追加します

「addDot」プラグインは、ホットスポットを追加するために使用し、画像の特定部分についての短い説明を表示することができます。 また、ユーザーは説明でサム画像を追加することができます。 プラグインのような様々な産業で使用することができます...


  • 不動産 - 建物の画像(何の施設を持っている床表示することができます)
  • 自動車 - トウ/四ウィーラー(車両の一部についての短い情報)
  • 医療ドメイン - 人体(同社は人体の特定の部分を持っている様々な製品の記述)
  • 教育 - 人体解剖学
  • 工場の機械 - CNCマシン(最終製品が出ているときに何をしている部分について説明すると)

あなたは「addDot」プラグインを使用することができ、より多くの産業があります。


プラグインの機能

  • ロード・オプションの表示
  • 親指イメージと説明
  • イベントタイプのオプション(ホバー/クリック)
  • カスタムアニメーションの速度
  • 幅&heigthオプションを調整します
  • 境界のパディングを指定します
  • 境界内のホットスポットを調整します
  • ホットスポットに数字、アルファベット&ローマン値を割り当てます

プラグインカスタマイズオプション

Porperty名 データ型 既定値 可能な値 説明
leftPos 整数 0 200 指定された左の位置にホットスポットを配置します
topPos 整数 0 200 指定されたトップの位置にホットスポットを配置します
ラベル 文字列 「ラベル・テキスト」 「ホットスポット・ラベル・テキスト」 ホットスポットの中にディスプレイされますラベルのテキスト
thumbImg 文字列 なし 「IMG / thumb_img.gif」 ラベルの左側に親指の画像を追加します。 親指の画像を表示するためには、画像のURLを渡す必要があります。 (例えばIMG /パス/ imgname.ext)
showOnLoad ブール 正しいか間違っているか ページのロードにオープン/クローズホットスポットのラベルを設定します。 showOnLoad trueに設定されている場合、ホットスポットは、ページのロード時に公開されます
eventTypeを 文字列 'クリック' 「クリック」または「ホバー」 ホットスポットのオープン/クローズの効果に設定されたイベントタイプ
aniType aniType 'なし' 「スライド」または「なし」 スライド効果のオープン/クローズしますスライドホットスポットを設定することにより、2つのオプションがあります。 いずれも、何の効果なし/クローズホットスポットを開けないだろうが。 あなたはaniSpeed ​​オプションでアニメーションの速度を設定することができます
aniSpeed 整数 1 2または0.75 アニメーションの継続時間。 (所要時間は秒単位です)
整数 なし 100 ホットスポットの幅を設定します。 幅が指定されていない場合 、それは、ホットスポットのラベルテキストの内容に基づいて、幅を調整します(値はピクセルです)
高さ 整数 なし 100 ホットスポットの高さを設定します。 高さが指定されていない場合 、それは、ホットスポットのラベルテキストの内容に基づいて高さを調整する(値は、ピクセルです)
boundaryPadding 整数 0 10 幅または高さが指定されていない場合、右&下側の余白を設定します。 幅が指定されていない場合、10としてはcontentPaddingを設定することにより、(イメージコン ​​テナの幅)で許可された最大値未満のホットスポット10pxの幅を設定します。 高さが指定されていない場合は、最大許容高さ(イメージコンテナの高さ)よりも小さいホットスポット10pxの高さを設定します
withinBoundary ブール 正しいか間違っているか trueの場合、それは、画像領域の境界の外にホットスポット位置を許可しません。 150px - ユーザーが実行した場合ので、それは最大の境界許可に調整されます
btnLabel 文字列 なし '1'または 'A'または 'I' ボタンのラベルの代わりにボタンのアイコンを設定します。



変更ログ

おかげでこのプラグインを購入&プラグインに多くの機能を追加することを提案していたすべての人。 以下は、プラグインの最初のバージョンに含まれていないプラグイン機能の変​​更ログです。


 v1.0.0デベロッパー - 第28回2012年月 初リリース 
 v1.0.1デベロッパー - 第28回2012年月 ボタンのラベルの代わりにボタンアイコンを追加するための機能を追加しました。 ユーザは( "1、2、3...」、「A、B、C···」、「A、B、C···」、「I、II、IIIは、...")の代わりに追加することができオープンホットスポットアイコンの。 
 v1.0.2デベロッパー - 2012年4月5日 機能は、ホットスポットのラベルの重複を避けるために、z屈折率を維持するために添加します。 
 v1.0.3デベロッパー - 第12回2012年4月 オープンホットスポットラベル方向のための機能を追加しました。 「右から左」または「右から左に「水平および「アップ」または「ダウン」のいずれかとして、ユーザーは縦にホットスポットラベルオープン方向を指定することができます。 
 v1.0.4デベロッパー - 第18回2012年4月 以前にホットスポットが非表示になります開いて、同時に複数のホットスポットのラベルを開くための機能を追加しました。 
 v1.0.5デベロッパー - 2012 6月2日 <div>ユーザーがラベルに<H6>、<UL> <オール>などのタグに<H1>追加できるように、<P>からラベルテキストの変更HTMLタグ。 
 v1.0.6デベロッパー - 第6回2012年6月 ユーザーは、幅&高さの両方を指定したバグを修正しました。 これは、最大許可された高さから出てきました。 また、ホットスポットボックスの幅は、現在画像の幅/高さではなく、コンテナの幅/高さに基づいて計算されます。 ユーザーは最大幅/高さがちょうど書き込み許可されたとして、それがcontaienr幅/高さを設定したい場合は... 。this.dotBoxWidth =この$ dotBox.outerWidth(真の); this.dotBoxHeight =この$ dotBox.outerHeight(真)。 

ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成:
3月27日12

最後の更新:
6月7日12

推奨ブラウザ:
IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS

ソフトウェアバージョン:
jQueryの

キーワード

eコマース, eコマース, 全商品, ドットを追加, メモを追加, タグを追加します, アニメーションホットスポット, 注釈を付けます, 注釈, カスタムホットスポット, ダイナミックホットスポット, ホットスポット, eラーニングのためのホットスポット, ホットスポット, 画像注釈, 画像アノテーション, フォトタガー, タグこの