jQuery LightBoxプラグイン『prettyPhoto』でURL末尾へハッシュタグ#!prettyPhotoを付加させないようにするメモ

jQuery

CamCamさんで紹介されてたjQueryプラグインのprettyPhoto。
ソーシャルボタンも付けられて便利そうだなーと思って使ってみました。

のですが、prettyPhotoで画像を表示してから閉じるとURL欄に「#!prettyPhoto」とハッシュタグが付加されてしまってじゃまくさいーどうにかなんないのこれってことでそれが付加されないようにするメモです。

prettyPhotoはディープリンクにも対応してるそうで、ハッシュタグ付きのURLを開くと、ページへ移動⇒prettyPhotoで画像を表示、なんてこともできるんです。
が、あんまし使わないかなーなんでオプションで無効に。

deeplinking: false,

これでディープリンク機能が無効になる⇒ハッシュタグもつかなくなる・・・のですが、閉じるとURL欄に「#!prettyPhoto」と付加されるのはそのまま。
#!prettyPhotoと表示されるだけなら別にぜんぜんOKなんですが、ブラウザの戻るボタンが使いづらくなってしまうという問題ががが。。。
ちょっとこれはなーってことで調べてみたところ、マニュアルを見るかぎりではそのオプションは無しorz

のでぐぐってみたら

Remove hashtag from URL when using prettyPhoto!

こちらの方が紹介されていた方法で無効にすることができました。

  • setHashtag()の「location.hash = ‘!’ + theRel + ‘/’+rel_index+’/’;」
  • clearHashtag()の「if(hashtag) location.hash = “!prettyPhoto”;」

の2ヶ所をコメントアウトするだけです。

prettyPhotoでハッシュタグに困ったときはお試しあれー。

リンク:
prettyPhoto
軽くて高機能なjQuery LightBoxプラグイン
Remove hashtag from URL when using prettyPhoto!

jQuery」カテゴリの人気記事

アウトドア&フィッシング ナチュラム

こちらもどうぞ