てがろぐ - Fumy Otegaru Memo Logger -

お手軽一言掲示板(この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。)

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「標準スキン」です。他に、 昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンシンプル日記スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る

or 管理画面へ

2020年2月16日の投稿(時系列順)5件]

拡大画像が表示される際に、ぐいーんと枠が広がるアニメーションが嫌で「Lightbox以外のスクリプトを使いたい」と思われる方もいらっしゃるかも知れませんが、わざわざ別のスクリプトに変更しなくても、Lightboxのオプションを以下のように指定するだけで、ぐいーんと広がったり、ふわっと切り替わったりするアニメーション効果をOFFにして、一瞬で拡大画像を表示することもできます。#🌱豆知識

具体的には、外側スキン(skin-cover.html)内の末尾に記述してある [[JS:LIGHTBOX:JQ]] の記述よりも下側に(重要)、以下のHTMLソース(JavaScript)を書きます。
<script>
lightbox.option({
    'fadeDuration': 0,      /* 描画枠の描画アニメーション時間を0ミリ秒にする(デフォルトは600) */
    'imageFadeDuration': 0, /* 画像の読み込み時のアニメーション時間を0ミリ秒にする(デフォルトは600) */
    'resizeDuration': 0     /* 描画枠のサイズ変更時のアニメーション時間を0ミリ秒にする(デフォルトは700) */
})
</script>

上記では、fadeDuration、imageFadeDuration、resizeDurationの3項目の値をすべて0にしています。これはアニメーションにかける時間をミリ秒で指定するオプションなので、0を指定するとアニメーション効果をOFFにできます。「アニメーション効果は欲しいが、もっと素早く動いて欲しい」という場合には、デフォルト秒数よりも短い時間を指定すれば良いでしょう。
なお、複数のオプションを記述する際は、上記のように半角カンマ記号「,」で区切ります。このとき、最後の項目の後にはカンマ記号を打たないように注意して下さい。

ちなみに、ナビゲーション関連のオプションには例えば以下のような項目もあります。
<script>
lightbox.option({
    'alwaysShowNavOnTouchDevices': true, /* モバイル端末では左右の移動矢印を常時表示する */
    'showImageNumberLabel': false        /* 画像の番号を表示しない */
})
</script>

Lightboxは、PC上では画像の上にマウスを載せると、次の画像や前の画像へ移動するための矢印アイコンが画像の左右に表示されます。しかし、マウスのないモバイル端末では表示されません。このalwaysShowNavOnTouchDevicesオプションの値を「true」にすると、モバイル端末(タッチデバイス)では、左右の矢印が常時表示されるようになります。(複数の画像がある場合のみ)
また、Lightboxでは拡大画像の左下に「Image 1 of 20」のような感じで、いま何番目の画像を表示しているのかが案内されます。showImageNumberLabelオプションの値をfalseにすれば、これを非表示にできます。畳む


上記のような書式で指定できるLightboxのオプションは、Lightbox公式サイトに表形式で書かれています。
https://lokeshdhakar.com/projects/lightbox2/#options

by nishishi. <1460文字> 編集

はらへったなう。(´・ω・`)

by tomoyo. <15文字> 編集

内部画像の含まれる投稿だけを一覧で表示できるギャラリーモードのほかに、UPされている画像のすべてを一覧で表示できるImagesモード的なものもあった方が良いのかな……。(ギャラリーモードでは、「UPされているが投稿本文には含まれていない画像」は表示されませんし、デフォルトのギャラリー用スキンでは投稿に含まれる1枚目の画像しか表示されませんし。)

by nishishi. <173文字> 編集

テストテストあいうえお

by admin. <11文字> 編集

ギャラリーモード内でも、特定ユーザに限定して表示したり、特定ハッシュタグに限定して表示したりできます。
バリエーションの例は以下のような感じです。#🌱豆知識
ギャラリー(デフォルトの表示) : tegalog.cgi?mode=gallery
ギャラリー(ユーザIDを限定) : tegalog.cgi?mode=gallery&userid=ユーザID
ギャラリー(ハッシュタグ限定) : tegalog.cgi?mode=gallery&tag=ハッシュタグ
ギャラリー(日付の範囲を限定) : tegalog.cgi?mode=gallery&date=日付
ギャラリー(任意の単語で検索) : tegalog.cgi?mode=gallery&q=検索語

by nishishi. <337文字> 編集

DASHBOARD

■全文検索:

複合検索窓に切り替える

■複合検索:

  • 投稿者名:
  • 投稿年月:
  • #タグ:
  • カテゴリ:
  • 出力順序:

■新着画像リスト:

全297個 (総容量 35.03MB)

■日付検索:

■カレンダー:

2020年2月
1
2345678
9101112131415
16171819202122
23242526272829

■最近の投稿:

■フリースペース:

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン:標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキンてがろぐCGIの配布ページに戻る

編集

▼現在の表示条件での投稿総数:

5件

▼最後に投稿または編集した日時:

2024年3月28日(木) 23:42:00〔5時間前〕

RSSフィード

動作サンプルです。 ご自由にお試し下さい。パスワードguest管理画面もお試し頂けます。
■いま見ているスキンは「標準スキン」です。他に、 昔のツイッターっぽいスキン(ブルー)昔のツイッターっぽいスキン(ピンク)付箋型スキンシンプル日記スキンジャーナル(日誌)スキンブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンチャットタイプスキンがあります。
てがろぐCGIの配布・解説ページに戻る