タグ

2015年3月25日のブックマーク (2件)

  • jQuery でイメージマップ:ほんっとにはじめてのHTML5 サンプル

    jQuery プラグイン ImageMapster で、イメージマップのロールオーバーを変化させる このサンプルは、jQueryベースの「ImageMapster」というプラグインを使っています。 画像を最低2種類(ノーマル、ロールオーバー用)だけ用意すれば良いので簡単です。 「九州」のみ、リンクを外部サイトにしています。(他はこのページの下部にリンク) ★イメージマップは来「target="_blank"」が設定できますが、「ImageMapster」を使うと無効になるようです...。 サンプルを修正しました(2013年4月) このサンプルは「リンクできない」というご指摘をいただき、ソースを修正しました。 ご迷惑をおかけした方々、申し訳ございませんでした。 解決のソースを送信してくださった中村様、ありがとうございました!! 以前のソースはこちら。 ロールオーバーで japan2.gif

    jQuery でイメージマップ:ほんっとにはじめてのHTML5 サンプル
    emj1025
    emj1025 2015/03/25
    map
  • FacebookでシェアしたときのOGP画像、大きな表示で出てますか? | 初代編集長ブログ―安田英久

    今日は、Facebookの話題を。自社サイトの記事がシェアされたときに、大きな画像で表示されるようにする方法を解説します。ポイントはog:image画像のサイズです。 Facebookでシェアされたときの画像表示には2パターンあるFacebookでページがシェアされたときに表示される内容を指定する、OGP(Open Graph Protocol)は、当然、ページのHTMLで指定していますよね? さすがに、イマドキOGPを指定していないページは非常に少ないと思います。 でも、og:imageで指定する画像がFacebookで表示されるパターンは2種類あることをご存じですか? 記事タイトルの上に画像が大きく出るスタイルと、記事タイトルの左に画像が小さく出るスタイルがあるんです。 どちらのほうが目立つか……そりゃ、画像が大きく出るほうがいいですよ。 画像を大きく表示するには、画像のサイズを大きく

    FacebookでシェアしたときのOGP画像、大きな表示で出てますか? | 初代編集長ブログ―安田英久