てがろぐ 期間限定の第2試験版

ご質問やご要望等は第1試験場の方にお書き下さい。投稿テストはご自由にどうぞ。

※画像を拡大表示した際に右上に見える「サムネイルボタン」を押すと、同一ページ内の画像のサムネイルが一覧で並びます。（Fancybox側の機能です。）

必要な設定箇所は、以下の3点。
➊管理画面の[設定]→[システム設定]→【画像拡大スクリプトの選択】→『他のスクリプトを使う』をONにした上で、読み込むJavaScriptとCSSを入力。
➋管理画面の[設定]→[ページの表示]→【投稿本文の表示／画像】→『画像リンクにLightbox用の属性を付加する』欄または『img要素に独自のclass属性値を追加する』欄にスクリプト側が要求する記述方法を加える。
<>➌管理画面の[設定]→[ページの表示]→【投稿本文内のURL処理】→「▼URL自動リンクの特殊表示化」→『画像リンクにLightbox用の属性を付加する』欄または『img要素に独自のclass属性値を追加する』欄にも同様の記述を加える。

※FancyboxはLightboxと同じように、data-属性を使って「data-fancybox="gallery"」と加える仕様なので、『画像リンクにLightbox用の属性を付加する』欄を使います。(上図の黄色矢印部分)
※Fuwaimgのようにclass属性に指定のclass名が必要なスクリプトの場合は、『img要素に独自のclass属性値を追加する』欄の方に入力します。(上図の緑色矢印部分)

なお、FancyboxはCDNで提供されているので、自サイトにスクリプトを設置する必要はなく、以下のURLをそのまま入力欄に入れれば使えます。
●JavaScript： https://cdnjs.cloudflare.com/ajax/libs/f...
●CSS： https://cdnjs.cloudflare.com/ajax/libs/f...

以上。

投稿を見るには鍵を入力：

投稿を見るには鍵を入力：

ここもVer 3.7.6βに更新。

（ツイート埋め込み処理中...）Twitterで見る

ここも Ver 3.6.3βにバージョンアップ。

●NHK雲海空撮
●NHK十和田湖空撮

（※この動画は、NHKクリエイティブライブラリーで提供されているMP4動画です。）

URL
絶対パス
相対パス

Ver 3.3.0正式版をリリースしましたけども、Fancyboxでの動作例としてしばらくこのまま置いておこうかな……という気でいます。今のところは。

次の正式版 Ver 3.3.0 のリリースと同時に一旦閉じようかなと思っているのですけども、Fancyboxのテストは常時できる方が望ましいような気もしないでもないので、どうしようかちょっと迷っています。^^;

今回の「期間限定」は息が長い

🍩Re:63◆ご要望をどうもありがとうございます。こちらは期間限定の試験版でそのうち消滅する予定ですので、お返事は第1試験版のNo.2208に書きました。

ベータ版の3.2.5.でfancyboxが使えるようになったのが嬉しく、早速カスタム中です。そこで同一投稿内の画像を「data-fancybox=任意の値」でグループ化し、最初の一枚目クリックでモーダルがポップアップしたあとに←→で閲覧できるようになればいいな…と思いました。#要望

今の所、カテゴリーを設定して、<a href="[[GETURL:PICT:1] ]" data-fancybox="[[CATEGORYIDS] ]">とスキンに書くことで、同じカテゴリを割り振った画像をグループ化することはできたのですが、1つの投稿に複数枚UPしたとしても、それを呼び出す（？）ことはできなかったので…😥

もしくは、同一投稿内にこだわらず、管理画面の方でUPした画像に、任意の"data-fancybox"属性を付けられるようにして、同じ属性が付けられた画像を投稿した際に、同属性の他の画像も見られるようにする、などでも構いません。画像が一枚の場合ならfancyboxでのポップアップ、複数枚なら個別記事へのリンクが切り替えられるようになるとかでもいいのですが、ちょっとよくわからず四苦八苦しております。

また、現在では[[PICTCOUNT] ]で投稿本文に含まれている画像の個数が表示できますが、これもサムネ画像（一枚目の画像）の上に『1/6』などで表現できると嬉しいです。あと、クリップボードからコピペでの画像投稿も……💦

厚かましいお願いばかりになってしまい恐縮ですが、ぜひ次回のアップデートの際にでもご検討いただけましたら幸いです。本当に、こんなにHTML/CSSの編集を頑張ったのはナン年ぶりか、というレベルで、カスタマイズが楽しくて楽しくてしょうがなく、てがろぐとの出会いに感謝しております。どうぞよろしくお願いいたします。fancybox関連の要望でしたので、こちらに失礼いたしました。🙏🏼

🍰Re:61◆たしかに、その閲覧方法は便利そうですね。

ということは、漫画や旅行写真などを分割して投稿していた場合、カテゴリで絞り込んで更に時系列でみれば、サムネイルで流れがわかって便利ですね！　

🍘Re:59◆画像拡大スクリプトのグループ閲覧機能は、カテゴリやハッシュタグ等には影響されず、「そのページに見えているすべての投稿画像」を対象に順番で見ていくことになります。ただ、ページの表示自体が「カテゴリ限定表示」や「ハッシュタグ限定表示」になっている場合は（ページ内に見えている投稿がそれらに限定されているので）画像拡大スクリプトのグループ閲覧機能でもその限定条件内の画像だけが見えます。

左右矢印は欲しかった機能！！
カテゴリーやタグで現在表示している画像だけ追えるのでしょうか？
それとも現在の表示に関わらず、全部の画像を矢印で移動するのでしょうか？

拡大したときに右上に出てくるサムネイルボタンを押すと、画像のサムネイルが一覧で並ぶところもすごいなと思います。

左右の矢印が出るのと、引っ込むときのスワイプしたような挙動がいいですね！

Fancyboxの動作もイイですね!!　こちらの方が好みです。

恒例の期間限定第2試験場を再OPEN。Fancyboxでの画像拡大表示を試したい場合などにお試し下さい。期間限定なのでそのうち消滅します。前の期間限定だった頃の投稿もそのまま残っています。

#お知らせ #メモ #補足 #どうでもいい #テスト

なんだってーΣ（・□・　）
ほんとだ ヽ(ヽﾟﾛﾟ)ﾋｲｨｨｨ!　ほんとに痒いところに手が届くインターネッツですね(違)。

カテゴリに、情報、お知らせって入れとこうかと思ったけど、もうちょっとシリアスで公式なお知らせとか情報と混乱すると悪いなって思ってやめました。

カテゴリ、絵文字もいけるんですね

数が増えすぎるとアレですが、カテゴリが一覧でずらっと出るの選びやすくて好き。

そうですー。カテゴリそのものの修正を試したい場合は、こちらをご使用下さい～。

カテゴリを修正できるのはこちらだけなのですね