no-image

JavaScript

ツールチップを活用したフィードバックソリューション「Modern Customer Feedback Plugin」

Modern Customer Feedback Pluginはツールチップを活用したフィードバックソリューションを実装できるjQueryプラグインです。たくさんのカスタマー達の意見をツールチップを用いて表示できる画像ギャラリーになります。カスタマーの評価などをこういった形で見せるのもおもしろいですね。

マウスオーバーでコメントを表示

デモ

デモではたくさんの人達のアイコン画像が表示されていて、ここにマウスオーバーするとその人のコメントが見れるようになっています。マウスオーバーしない限りコメントは非表示の状態のままなので、テキストでゴチャゴチャした印象を感じさせないのがいいですね。気になった人のコメントを自分から取得していく形になっています。

マークアップもとてもシンプルに記述できるし、オプションも豊富に用意されているのでカスタマイズしたい人にもうれしい仕様になっています。主なオプション項目は、ContainerHeight、OverFlowAllowed、DefaultTargetsWidth、DefaultTargetsHeight、TargetsSizeRandomizePlus、TargetsSizeRandomizeMinus、InitiallyHideTargets、UseAnimation、AnimationDuration、AnimationFriction、AnimationFrequency、AnimationTimeBetween、MinSpreadX、MinSpreadY、MaxTries、Scrollable、LeftOverflowAllowed、MinPaddingTop、MinpaddingBottom、SlightMovementAnimation、AutoscrollSpeed、ScrollWaitです。

Modern Customer Feedback Plugin

関連記事

  1. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  2. Flex-Slider-jQuery

    JavaScript

    シングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」

    Flex-Slider-jQueryは、フレキシブルなスライダーを実装…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでオブジェクトの型を取得して判定などをしたい場合はjQuery.type()を使う

    jQuery.type(obj)を使えばオブジェクトの型を知ることがで…

  4. CSS3 Menu Slider
  5. Vimeo Carousel Gallery
  6. Animsition

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP