てがろぐ 期間限定の第2試験版
2024年03月19日(火) 20:11:09 更新
■No.59, No.58, No.57, No.56, No.55, No.54, No.53［7件］ （ 7 件 ）
■フリースペース： 編集
期間限定の第2試験場です。
他のスキン：🍩Twitterっぽいスキン(ブルー) 🍩Twitterっぽいスキン(ピンク) 🍩付箋型スキン 🍩シンプル日記スキン 🍩黒板スキン 🍩ジャーナルスキン 🍩ブログタイプスキン : 🍩標準スキン
※画像拡大スクリプトには、Fancyboxを指定してあります。（ただし、管理画面上ではデフォルトのLightboxで表示されます。）
➡第1試験場に戻る。
他のスキン：🍩Twitterっぽいスキン(ブルー) 🍩Twitterっぽいスキン(ピンク) 🍩付箋型スキン 🍩シンプル日記スキン 🍩黒板スキン 🍩ジャーナルスキン 🍩ブログタイプスキン : 🍩標準スキン
※画像拡大スクリプトには、Fancyboxを指定してあります。（ただし、管理画面上ではデフォルトのLightboxで表示されます。）
➡第1試験場に戻る。
■日付検索：
■全文検索：
〔55文字〕 編集
2021/05/07 (Fri)
08:36:52
No.58
by
あどみ
拡大したときに右上に出てくるサムネイルボタンを押すと、画像のサムネイルが一覧で並ぶところもすごいなと思います。
〔94文字〕 編集
2021/04/27 (Tue)
20:11:40
No.54
by
あどみ
恒例の期間限定第2試験場を再OPEN。Fancyboxでの画像拡大表示を試したい場合などにお試し下さい。期間限定なのでそのうち消滅します。前の期間限定だった頃の投稿もそのまま残っています。
〔873文字〕 編集
2021/04/27 (Tue)
19:44:37
No.53
by
あどみ
画像の拡大表示に使われるスクリプトをLightbox以外に設定できるようになった Ver 3.2.4（β版）の動作テスト。ここでは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...
以上。
畳む
必要な設定箇所は、以下の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...
以上。
畳む
左右矢印は欲しかった機能！！
カテゴリーやタグで現在表示している画像だけ追えるのでしょうか？
それとも現在の表示に関わらず、全部の画像を矢印で移動するのでしょうか？