とあるサイトでモーダルウィンドウの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にハッシュタグが付かなくなったので、ブラウザをリロードしてもモーダルウィンドウ表示されないようになりました。