#prettyphotoを消す方法

モーダルウィンドウでスライドするLightBox系のプラグイン。

Youtube動画等もスライドにできて便利なので利用してる人も多いと思います。

例：http://internationalinsights.net/photo-gallery/

公式サイト：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

上記URLのように普通に設置するとスライドをクリックした際にURL末尾に#prettyPhoto[ギャラリー名]/番号/といったような具合に勝手にブラウザ上のURLが変更されます。

しかも元の画面に戻ると#prettyPhotoだけが残るという謎仕様・・・。

表示するメリットもありますが説明は割愛します。

表示したくない場合はスクリプトタグ内に以下のコードを入れてください。

 
$(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto({
            deeplinking:false
    });
});

これでOK（なはず）です。

例：http://filmartist.ca/photogallery/

尚WordPressで利用したい場合はRoyal PrettyPhotoというプラグインを利用すると簡単に導入できます。

こんな感じでどんなサイズの写真でも簡単にスライドにしてくれます。

WPプラグインなら1分以内に導入可能なのも嬉しいですね。

参考URL:

http://stackoverflow.com/questions/16692439/how-to-remove-the-prettyphoto-from-the-url