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

    こちらもどうぞ

  • セローの次のタイヤを考える会
  • 親指AFするよー D750の親指AF設定方法
  • ハーレーのミッションオイル交換手順
  • Macbook Pro 15インチのおすすめUSB充電器について考えてみた
  • iTunesで購入した音楽が認証・再生できないときの対処方法