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」カテゴリの人気記事

  • jQuery TOOLS jQueryとjQuery TOOLSを使った横スクロールするスライドショーの作り方 25 views
  • jQuery LightBoxプラグイン『prettyPhoto』でURL末尾へハッシュタグ#!prettyPhotoを付加させないようにするメモ 25 views
  • jQueryで配列の値を個別のテキストエリアへ順番に入れていくサンプル 21 views
  • jQueryで作る縦スライドで表示するメニューの作り方 15 views
  • jQuery TOOLS jQuery.toolsで作るマウスカーソルでスライドするスライドショーの作り方 4 views
  • アウトドア&フィッシング ナチュラム

    こちらもどうぞ

  • iTunesで購入した音楽が認証・再生できないときの対処方法
  • セローにフォグランプPIAA MLSE1を付けたのでレビュー
  • [PHP]preg_replaceで正規表現を使った置換+後方参照のメモ
  • ハーレーのミッションオイル交換手順
  • 寒いと火がつかないなんて時のためにキャンプで使うガス缶の種類について調べてみた