2020年2月16日の投稿(時系列順)[5件]
by nishishi. ⌚2020年2月16日(日) 10:57:18〔4年以上前〕 <1460文字> 編集
by tomoyo. ⌚2020年2月16日(日) 11:28:27〔4年以上前〕 <15文字> 編集
by nishishi. ⌚2020年2月16日(日) 11:31:24〔4年以上前〕 <173文字> 編集
by admin. ⌚2020年2月16日(日) 12:49:56〔4年以上前〕 <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. ⌚2020年2月16日(日) 13:06:04〔4年以上前〕 <337文字> 編集
具体的には、外側スキン(skin-cover.html)内の末尾に記述してある [[JS:LIGHTBOX:JQ]] の記述よりも下側に(重要)、以下のHTMLソース(JavaScript)を書きます。
上記では、fadeDuration、imageFadeDuration、resizeDurationの3項目の値をすべて0にしています。これはアニメーションにかける時間をミリ秒で指定するオプションなので、0を指定するとアニメーション効果をOFFにできます。「アニメーション効果は欲しいが、もっと素早く動いて欲しい」という場合には、デフォルト秒数よりも短い時間を指定すれば良いでしょう。
なお、複数のオプションを記述する際は、上記のように半角カンマ記号「,」で区切ります。このとき、最後の項目の後にはカンマ記号を打たないように注意して下さい。
ちなみに、ナビゲーション関連のオプションには例えば以下のような項目もあります。
Lightboxは、PC上では画像の上にマウスを載せると、次の画像や前の画像へ移動するための矢印アイコンが画像の左右に表示されます。しかし、マウスのないモバイル端末では表示されません。このalwaysShowNavOnTouchDevicesオプションの値を「true」にすると、モバイル端末(タッチデバイス)では、左右の矢印が常時表示されるようになります。(複数の画像がある場合のみ)
また、Lightboxでは拡大画像の左下に「Image 1 of 20」のような感じで、いま何番目の画像を表示しているのかが案内されます。showImageNumberLabelオプションの値をfalseにすれば、これを非表示にできます。畳む
上記のような書式で指定できるLightboxのオプションは、Lightbox公式サイトに表形式で書かれています。
➡ https://lokeshdhakar.com/projects/lightbox2/#options