/Arekore-Popup-Lite

jQueryを用いた単純なポップアップスクリプト

Primary LanguageJavaScript

あれこれポップアップ 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/
        質問・感想などがあれば気軽にコメントをどうぞ!?