R Markdownで画像クリックしたら拡大表示させる機能(Lightbox)の実装

昼休みとかスクロールしてTL流してるからモザイクでもいちいちクリックせずとりあえずふぁぼしてあとから見返す寸法です
Premiereなどの映像編集ソフトでの書き出しの際、書き出しの設定画面は極力フルスクリーンにして操作すると良い。隠れた部分を設定しようとしてあちこちクリックしていると誤操作を招きやすい。プルダウン型の項目はマウスホイールでのスクロールに反応する点も注意。
Macさん、トラックパッドを軽くタッチしたらクリックに、2本指で右クリック、2本指スクロールで画面スクロールができるらしくて驚いてるけど家のWindowsゴリゴリなノートPCでも同じように軽くタッチでクリックが出来て驚いている。
双葉「暁にヤフーのトップページを開いてくれとお願いしたらお気に入りからエロサイトの会員登録ページを開き下までスクロールした後「同意しない」ボタンをクリックしエロサイトから追い出される形でヤフーのトップを開くという我流の極みを見た。」
スクロールのごろごろが壊れたマウスとクリックできないマウスと反応が鈍すぎるマウス すべて差し替えて頑張って使うしかない
オリジネイター「スミレにPCサポートを頼まれて、ヤフーのトップページを開いてとお願いしたら、お気に入りからエロサイトの会員登録ページを開き下までスクロールした後「同意しない」ボタンをクリックし、追い出される形でヤフーのトップを開くという我流の極みを見た」
支部の閲覧数って、例えば自分の場合、支部の作品のリンクを貼って黄金の原作名を含んでツイートした後に、原作名でツイッター検索してそのツイートのところまでスクロールすると、ツイートの支部のリンクをクリックしなくても閲覧数としてカウントされちゃうんだね。20回くらい確認した。
使ってるCADがね。右クリックドラッグでスクロールなの。グーグルマップのときもそれしちゃうの。
Twitter公式アプリで、特定の人のツイートをクリックして見た後、バックで戻ると一番上まで勝手にスクロールしちゃうのは私だけ? ツイート掘ってるときにかなり不便。
Windows用のマウスが壊れてきて、なんかスクロールするだけでクリックしちゃう。新しいの買おうかな
ネットで記事をクリックしようとする瞬間に広告とかの関係で画面が少しスクロールしてしまい、全く関係ない記事をクリックしてしまうと「くそ~!」と思ってしまう(>.<)

スクロール量を取得したいなら

scrollTop(); で
下記のようなwindow、もしくはdocumentのスクロールイベントの中に記述してやる。

js
$(window).scroll(function(){
    var sc = $(this).scrollTop();
    console.log(sc);
});

要素の縦横の位置

offset().top;
offset().left;

offset()だけだと縦横の位置のObjectで渡されるので、top or leftを指定してやる。

js
var bg1 = $('#bg1').offset();
console.log(bg1); // Object
console.log(bg1.top); // 要素の縦の位置が数値で取れる
console.log(bg1.top); // 要素の横の位置が数値で取れる

もちろん下記でも良い

js
var bg1Tate = $('#bg1').offset().top;
console.log(bg1Tate); // 要素の縦の位置が数値で取れる

var bg1Yako = $('#bg1').offset().top;
console.log(bg1Yoko); // 要素の横の位置が数値で取れる
[紹介元] jQueryタグが付けられた新着投稿 – Qiita R Markdownで画像クリックしたら拡大表示させる機能(Lightbox)の実装

  • コメント

    1. 匿名希望
      2017/08/24(木) 07:36:22

      Premiereなどの映像編集ソフトでの書き出しの際、書き出しの設定画面は極力フルスクリーンにして操作すると良い。隠れた部分を設定しようとしてあちこちクリックしていると誤操作を招きやすい。プルダウン型の項目はマウスホイールでのスクロールに反応する点も注意。

    2. 匿名希望
      2017/08/24(木) 07:36:22

      Macさん、トラックパッドを軽くタッチしたらクリックに、2本指で右クリック、2本指スクロールで画面スクロールができるらしくて驚いてるけど家のWindowsゴリゴリなノートPCでも同じように軽くタッチでクリックが出来て驚いている。

    3. 匿名希望
      2017/08/24(木) 07:36:22

      双葉「暁にヤフーのトップページを開いてくれとお願いしたらお気に入りからエロサイトの会員登録ページを開き下までスクロールした後「同意しない」ボタンをクリックしエロサイトから追い出される形でヤフーのトップを開くという我流の極みを見た。」

    4. 匿名希望
      2017/08/24(木) 07:36:22

      スクロールのごろごろが壊れたマウスとクリックできないマウスと反応が鈍すぎるマウス すべて差し替えて頑張って使うしかない

    5. 匿名希望
      2017/08/24(木) 07:36:22

      オリジネイター「スミレにPCサポートを頼まれて、ヤフーのトップページを開いてとお願いしたら、お気に入りからエロサイトの会員登録ページを開き下までスクロールした後「同意しない」ボタンをクリックし、追い出される形でヤフーのトップを開くという我流の極みを見た」

    記事に戻る

関連記事