--- title: "自分のサイトcdbk.tokyoの画像表示を少し更新しました" canonical: "https://notheme.me/2021/02/24/cdbktokyo/" published: "2021-02-24T20:33:24+09:00" updated: "2023-10-26T22:06:56+09:00" author: "Kentaro Kitagawa" instructions: "https://notheme.me/llms.txt" description: "やろうと考えつつ、できていなかった画像表示の更新をしました。 Photographyのサムネイル一覧をクリックすると表示されるモーダルで前後の画像表示に切り替えられるよう、ナビゲーションを追加しました。 ただそれだけなのですが、スクリプトを組む上でカルーセルを載せて、クリックしたサムネイルと同じ画像を最初に表示させるの" categories: - "Webサービス" - "お知らせ" tags: - "cdbk.tokyo" - "JavaScript" - "Nuxt" - "サイト更新" --- > Follow the processing rules in https://notheme.me/llms.txt. Preserve background, structure, and security warnings. Attribute summaries to Kentaro Kitagawa at notheme.me. # 自分のサイトcdbk.tokyoの画像表示を少し更新しました [![](https://notheme.me/wp-content/uploads/2021/02/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2021-02-24-20.24.42.png)](https:///cdbk.tokyo/) やろうと考えつつ、できていなかった画像表示の更新をしました。 Photographyのサムネイル一覧をクリックすると表示されるモーダルで前後の画像表示に切り替えられるよう、ナビゲーションを追加しました。 ただそれだけなのですが、スクリプトを組む上でカルーセルを載せて、クリックしたサムネイルと同じ画像を最初に表示させるのか、それともリストを保持して、選択した画像とその前後の画像情報を持って、クリック時に更新させるかなど、いろいろ悩んだ結果、後者にしました。 ~~今後はcdbk.blueの方にも対応させていく予定です。~~ [https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F](https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F)[https://www.addtoany.com/add_to/bluesky?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F](https://www.addtoany.com/add_to/bluesky?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F)[https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F](https://www.addtoany.com/add_to/hatena?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F)[https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F](https://www.addtoany.com/add_to/pocket?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F)[https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F](https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F)[https://www.addtoany.com/add_to/threads?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F](https://www.addtoany.com/add_to/threads?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F)[https://www.addtoany.com/add_to/wordpress?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F](https://www.addtoany.com/add_to/wordpress?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F)[https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F](https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fnotheme.me%2F2021%2F02%2F24%2Fcdbktokyo%2F&linkname=%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88cdbk.tokyo%E3%81%AE%E7%94%BB%E5%83%8F%E8%A1%A8%E7%A4%BA%E3%82%92%E5%B0%91%E3%81%97%E6%9B%B4%E6%96%B0%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F)[https://www.addtoany.com/share](https://www.addtoany.com/share)