jQueryプラグインprettyPhotoのURL末尾#prettyPhotoを消す方法

jQueryプラグインprettyPhotoのURL末尾#prettyPhotoを消す方法

#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というプラグインを利用すると簡単に導入できます。

 

 

images

 

mzl.liyhutwn

de58cae8b3613951765c0a6db5c71236_s

 


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

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

 

 

参考URL:

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

jQueryプラグインprettyPhotoのURL末尾#prettyPhotoを消す方法」への1件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です