てがろぐ - Fumy Otegaru Memo Logger -

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

新規投稿 管理用

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

or 管理画面へ

No.5167

Icon of sakura さくら

No.5167

5166です。たびたびすみません…。
5166後半の「画像拡張子で検索をした時に、続きを読むボタンを押すと画像拡大スクリプトが動作してしまう」件は、<a>タグのリンク先URLの末尾が画像の拡張子かどうかを先にjavascriptで判定してから画像拡大スクリプトを実行するようにしたら自己解決できました。お騒がせしました。
同じようなことをしたい方が他にいるかは不明ですが、一応解決方法を書いておきます。

外側スキンに書く遅延読み込みスクリプト群を下記のコードにする。
baguetteBox.jsの動作除外用クラスに「uc-nomodal」を指定しています

<script src="baguetteBox.min.js"></script>
<script type="text/javascript">
window.onload = function() {
   // 画像拡張子の正規表現
   var imageExtensions = /\.(jpg|jpeg|png|gif|webp)$/i;
   // すべての `.comment` クラスを持つ `a` タグを取得
   var links = document.querySelectorAll('.comment a');

   // リンク先URL末尾が画像拡張子になっているリンクがあるかチェック
   var hasImageLinks = false;
      links.forEach(function(link) {
         if (imageExtensions.test(link.href)) {
            hasImageLinks = true;
         } else {
            // 末尾が画像拡張子じゃなければignoreClassで指定するものと同じ除外用クラスを追加
            link.classList.add('uc-nomodal');
         }
      });

   // リンク先URL末尾が画像拡張子の場合のみbaguetteBox.jsを実行、uc-nomodalクラスは除外
   if (hasImageLinks) {
      baguetteBox.run('.comment', {
         ignoreClass: 'uc-nomodal'
      });
   }
};
</script>畳む

by sakura. ⌚2025年5月8日(木) 18:06:20〔17日前〕 ＜989文字＞ 編集

« No.5166 / No.5168 »

初期表示に戻る

DASHBOARD

■複合検索：

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

■新着画像リスト：

Perlのバージョンを上げる設定(さくらインターネット)

全316個 （総容量 36.08MB）

■日付一覧：

■日付検索：

■カレンダー：

2025年5月
日月火水木金土
123
45678910
11121314151617
18192021222324
25262728293031
« 前の月 / 次の月 »

■ハッシュタグ：

■カテゴリ：

■最近の投稿：

■フリースペース：

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

編集

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

1件

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

2025年5月25日(日) 18:10:50〔6分前〕

▼特殊な表示モード：

RSSフィード

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