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

    こちらもどうぞ

  • セローにフォグランプPIAA MLSE1を付けたのでレビュー
  • ツーリングセローの延長スクリーン(スポイラー)を追加してみたよ
  • BT-C1 Bluetoothトランスミッター BT-C1 レビュー
  • 畑に咲いてた [PHP][MySQL]UPDATEの実行結果や該当数を取得確認する関数を作ってみた
  • 四国剣山スーパー林道とUFOラインを巡るキャンプツーリング 1日目