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

投稿した画像の拡大処理はFancyboxが使われる設定にしてあります。期間限定なのでそのうち消滅します。

or 管理画面へ

先頭固定

(先頭固定)

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

(先頭固定)

画像投稿テスト。Fancyboxで表示される設定。
20210427193823-admin.jpg 20210427193943-admin.jpg 20210427194021-admin.jpg
※画像を拡大表示した際に右上に見える「サムネイルボタン」を押すと、同一ページ内の画像のサムネイルが一覧で並びます。(Fancybox側の機能です。)

(先頭固定)

画像の拡大表示に使われるスクリプトをLightbox以外に設定できるようになった Ver 3.2.4(β版)の動作テスト。ここではFancyboxで表示される設定にしてあります。
桜 20210427195335-admin.jpg
必要な設定箇所は、以下の3点。
➊管理画面の[設定]→[システム設定]→【画像拡大スクリプトの選択】→『他のスクリプトを使う』をONにした上で、読み込むJavaScriptとCSSを入力。
➋管理画面の[設定]→[ページの表示]→【投稿本文の表示/画像】→『画像リンクにLightbox用の属性を付加する』欄または『img要素に独自のclass属性値を追加する』欄にスクリプト側が要求する記述方法を加える。
➌管理画面の[設定]→[ページの表示]→【投稿本文内のURL処理】→「▼URL自動リンクの特殊表示化」→『画像リンクにLightbox用の属性を付加する』欄または『img要素に独自のclass属性値を追加する』欄にも同様の記述を加える。
202104272008241-admin.png 20210427200824-admin.png
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...

以上。
畳む

2022年9月 この範囲を時系列順で読む この範囲をファイルに出力する

正しいパスワードを入力しないと閲覧できない投稿を作りたい場合に。
投稿を見るには鍵を入力:

こちらの設定では鍵付きでも1行目だけは見えます。
投稿を見るには鍵を入力:

ここもVer 3.7.6βに更新。

2022年8月 この範囲を時系列順で読む この範囲をファイルに出力する

2022年5月 この範囲を時系列順で読む この範囲をファイルに出力する

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

MP4動画をFancyboxで表示するサンプル:
NHK雲海空撮
NHK十和田湖空撮

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

2021年10月 この範囲を時系列順で読む この範囲をファイルに出力する

新PICT記法の実験。
「に」ロゴ URL
「に」ロゴ 絶対パス
「に」ロゴ 相対パス

2021年6月 この範囲を時系列順で読む この範囲をファイルに出力する

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関連の要望でしたので、こちらに失礼いたしました。🙏🏼

2021年5月 この範囲を時系列順で読む この範囲をファイルに出力する

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

>>60

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

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

すごい!皆さんが言うようにサムネイルが出るの珍しいです
左右矢印は欲しかった機能!!
カテゴリーやタグで現在表示している画像だけ追えるのでしょうか?
それとも現在の表示に関わらず、全部の画像を矢印で移動するのでしょうか?

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

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

2021年4月 この範囲を時系列順で読む この範囲をファイルに出力する

テスト
20210428155411-admin.webp

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

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

2020年11月 この範囲を時系列順で読む この範囲をファイルに出力する

2020年9月 この範囲を時系列順で読む この範囲をファイルに出力する

つぼやき,さざえ,💖

> カテゴリ、絵文字もいける
なんだってーΣ(・□・ )
ほんとだ ヽ(ヽ゚ロ゚)ヒイィィィ! ほんとに痒いところに手が届くインターネッツですね(違)。

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

💖

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

つぼやき

面白いカテゴリ増えてないかと、つい用もないのに覗きに来てしまうww
数が増えすぎるとアレですが、カテゴリが一覧でずらっと出るの選びやすくて好き。

お知らせ

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

つぼやき,さざえ,ぐりぐりぐり

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

■フリースペース:

期間限定の第2試験場です。
他のスキン:🍩Twitterっぽいスキン(ブルー) 🍩Twitterっぽいスキン(ピンク) 🍩付箋型スキン 🍩シンプル日記スキン 🍩黒板スキン 🍩ジャーナルスキン 🍩ブログタイプスキン : 🍩標準スキン

※画像拡大スクリプトには、Fancyboxを指定してあります。(ただし、管理画面上ではデフォルトのLightboxで表示されます。)

第1試験場に戻る

編集

■ハッシュタグ:

■日付一覧:

■日付検索:

■カレンダー:

2022年9月
123
45678910
11121314151617
18192021222324
252627282930

■カテゴリ:

■最近の投稿: