Categoryリンク先取得

facebookやTwitterのプロフィールをマウスオーバーして表示させるjQueryプラグイン「Hovercard」

Hovercard

テキストにマウスオーバーすると、facebookやTwitterのプロフィールを取得して表示してくれるのがこのjQueryプラグイン「Hovercard」です。

facebookやTwitterでなくても、任意のテキストなどの情報を表示させることもできます。

サンプルを作ってみました。

→ facebookやTwitterのプロフィールをマウスオーバーして表示させるjQueryプラグイン「Hovercard」サンプル

ユーザーIDを指定してあげるだけで表示してくれるので、設置してしまえば簡単に利用できます。

→「facebookやTwitterのプロフィールをマウスオーバーして表示させるjQueryプラグイン「Hovercard」」の続きを読む

facebookのようにリンク先のURLを入力するとリンク先の情報が表示されるjQueryプラグイン「Link Scraper TextBox」

Link Scraper TextBox – Jquery Plugin
facebookでは投稿欄にURLを入力するとそのリンク先の情報が自動的に取得されて表示されます。こんな感じですね。
facebookでのURL入力例

この機能をjQueryで実現できるのが、このjQueryプラグイン「Link Scraper TextBox」です。

サンプルは下のようになります。テキストボックスにURLを入力してしばらくするとタイトル、description、ページ内で使用している画像を取得します。

→ facebookのようにリンク先のURLを入力するとリンク先の情報が表示されるjQueryプラグイン「Link Scraper TextBox」サンプル

設置方法も簡単ですので、アイデア次第でいろいろと利用できそうです。

→「facebookのようにリンク先のURLを入力するとリンク先の情報が表示されるjQueryプラグイン「Link Scraper TextBox」」の続きを読む

画像、動画、Googleマップ… あらゆるメディアをLightBox(ライトボックス)風に表示させる「mediaboxAdvanced」

mediaboxAdvanced

お洒落なホームページにはよく別窓でかっこよく画像を表示するLightBoxが使われています。しかし普通のLightBoxだと画像に限られてしまいます。

ところがこの「mediaboxAdvanced」は、画像だけでなく動画やYouTubeなどの動画サイト・Twitter・facebookなどのソーシャルビデオ、Flashメディア・Google Map・HTMLなど、ほとんどのオンラインメディアに対応して、LightBox風に表示してくれます。

サンプルを用意しました。

→ あらゆるメディアをLightBox風に表示させるJavaScript「mediaboxAdvanced」サンプルページ

では、この「mediaboxAdvanced」の使い方は続きをどうぞ。

→「画像、動画、Googleマップ… あらゆるメディアをLightBox(ライトボックス)風に表示させる「mediaboxAdvanced」」の続きを読む