【jQuery】prettyPhotoの設定備忘録

電脳備忘録

とあるサイトでモーダルウィンドウのjQueryライブラリ「prettyPhoto」を設定したときの備忘録。バージョンは3.1.5の非圧縮版

ソーシャルボタンを非表示

今回はソーシャルボタンは必要ない(あると逆に困る)ので削除する。93行目あたりのこの一文を

social_tools: '' /* html or false to disable */
}, pp_settings);

こんな感じにごっそり削ることで対応

social_tools: '' /* html or false to disable */
}, pp_settings);

URL末尾にハッシュタグが付かないようにする

画像をクリックするとURLの末尾にハッシュタグが付与されるのですが、これが付くとIEでブラウザリロードを実行したときに勝手にモーダルウィンドウ表示されてしまうので、ハッシュタグが付かないようにしました。

892行目辺りのコードを

function setHashtag(){
if(typeof theRel == 'undefined') return; // theRel is set on normal calls, it's impossible to deeplink using the API
location.hash = theRel + '/'+rel_index+'/';
};
function clearHashtag(){
if ( location.href.indexOf('#prettyPhoto') !== -1 ) location.hash = "prettyPhoto";
}

こんな感じでコメントアウトすることでURL末尾にハッシュタグが付かないようになりました。

function setHashtag(){
if(typeof theRel == 'undefined') return; // theRel is set on normal calls, it's impossible to deeplink using the API
//location.hash = theRel + '/'+rel_index+'/';
};
function clearHashtag(){
//if ( location.href.indexOf('#prettyPhoto') !== -1 ) location.hash = "prettyPhoto";
}

URLにハッシュタグが付かなくなったので、ブラウザをリロードしてもモーダルウィンドウ表示されないようになりました。

Newer
Older
Dark
Light
menu