Skip to content
jQueryを用いた単純なポップアップスクリプト
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
img
README
arekore.css
arekore.js
sample.html

README

あれこれポップアップ Lite


  サムネイル画像表示機能を使う場合は↓の利用規約に従ってください。

    HeartRails の利用規約
    http://www.heartrails.com/company/terms.html



    これは何?
    仕様
    だうんろーど
    設置マニュアル
    改訂履歴
    関連リンク



これは何?

    Webページ中のtitle属性をポップアップするJavaScriptとCSSのセットです。

    「あれこれポップアップ」とは違い、ポップアップするのはtitle属性のみです。
    しかし、その分だけ非常に軽く動作します。



仕様

    title属性があるとポップアップします
    title属性の値に全角スペースがあると改行します
    ポップアップの背景画像も容易に設定できます
    a要素のtitle属性の場合、URLとキャプチャ画像を表示します(キャプチャ画像は非表示も可能)
    自サイトへのリンクの場合はURLもキャプチャ画像も表示しません
    ほとんどの最新のブラウザで動きます
    軽いです
    WordPressなどでも(多分)使えます
    あまり使うとウザがられるかもしれません
    IE9未満は角丸になりません(IE9 ベータ版では角丸になることを確認しています)



設置マニュアル

    「arekore.css」と「arekore.js」の場所に気をつけて、
    ↓のコードを設置したいWebページのヘッダ内(<head>ここ</head>)に貼りつければ完了です。
    jQueryのバージョンは最新のものでも動くはずです。(多分...)

    「arekore.js」のユーザー初期設定欄でさらに細かい設定も可能です。

    <link rel="stylesheet" type="text/css" href="./arekore.css">
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script>google.load("jquery", "1.4.2");</script>
    <script type="text/javascript" src="./arekore.js"></script>



改訂履歴

Ver. 1.21 (2012/07/03)

    iPhoneなどでページを戻った時にポップアップが残る問題を修正

Ver. 1.20 (2012/07/01)

    他のHTML/CSSに影響を受けにくくなるよう修正

Ver. 1.12 (2010/12/31)

    相対URLのときにもサムネイル画像を表示しようとするバグを修正

Ver. 1.11 (2010/12/31)

    URL省略時にサムネイル画像が表示されないバグを修正
    URLに「?」が含まれているとき、サムネイル画像を表示しないように変更(Bad Request 回避)

Ver. 1.10 (2010/12/29)

    title属性はあるけど空の場合(title="")のときに黒丸が出るバグを修正
    ポップアップの背景画像を容易に設定できるように修正
    ポップアップをp要素からspan要素に変更
    ポップアップのCSSが既存のスタイル指定に影響されにくくなるように修正

Ver. 1.00 (2010/12/27)

    ファーストリリース



関連リンク

    あれこれポップアップ:
        http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html
        あれこれポップアップ Liteを作るきっかけとなったスクリプト。


    連絡先:
        http://pawafuru.com/
        質問・感想などがあれば気軽にコメントをどうぞ!?
Something went wrong with that request. Please try again.