[jQuery]イメージマップでTooltip表示するサンプル
「イメージマップのホットスポットにマウスオーバーしたら説明表示出るように出来ない？」って言われて書いたやつ。 非表示にしてるブロック要素を表示してるだけなので、画像とかテキストとか割とフリーダムに出せる。 jQuery1.2.6用。 jQueryのマウスイベントには以下プロパティ提供されていて pageX/Y ： ページの左上を0としたマウスポインタの位置 clientX/Y ： ブラウザのドキュメント表示領域を0としたマウスポインタの位置 特別なことしなくてもイベントが発生した時のマウスポインタの位置を取得することが出来る。 <div id="imgmap"> <img src="tags.png" alt="Tags" width="400" height="151" border="0" usemap="#Map" /> <map name="Map" id="Map"><area
[wp]投稿された画像のサムネイルが表示される記事一覧ページを作る
以前書いた記事 [WP]画像サムネイルを投稿された記事へのリンク付きで表示 の応用編です。 ページテンプレートをちょっと弄って、画像のサムネイルがずらっと並ぶ一覧ページを作る方法について解説します。 表示するのは、記事に投稿された画像（のサムネイル）・記事タイトル・カテゴリー名、の３つとします。 記事に関連付けられていない画像（ライブラリから引っ張った画像）は表示されません。 ※上記のサンプル画像のwordpressでは、サムネイルの最小サイズを100x100pxの切り抜き設定にして、それを表示しています。 ※記事のギャラリーに投稿された画像のサムネイルを利用するもので、 2.9で実装された投稿サムネイル機能とは全く別物です。ご注意ください。 Step1.ページテンプレート作成 まず、ページ用テンプレートを作成します。 single.phpやpage.phpなどを複製して名前を変更後、先頭
![[wp]投稿された画像のサムネイルが表示される記事一覧ページを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/35f76b6cbe779610f317dc4c9ac1053eb55b443a/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2009%2F06%2Fcreate_imglinklist-300x281.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
