私のメモ書きとしてのホームページ改造やパソコンに関する日記です


[
新着] [ワード検索]
*--- Contents ---*
1.パソコンの組み立て  ■ ビデオ編集用パソコン  ■ プルダウンメニューの改良  ■ 写真サムネイルの変更  ■ Intel HD Graphics 530のドライバー  ■ さくらネットのレンタルサーバーの変更  ■ Windows 10 Anniversary Update  ■ Windows10 インストール  ■ windows10 インストール  ■ ページの自動更新
2.EDIUS Pro8のQSV効果  ■ キャッシュの件  ■ ビデオ作品のメニュー変更  ■ 再生リスト 追加  ■ EDIUSで一部のフォントが表示されない  ■ QSVのトラブル 原因究明  ■ ビデオ編集用パソコンの組み立て  ■ 項目ごとの掲載件数を表示  ■ ビデオ編集ソフト EDIUS Pro 7  ■ 再びQSVについて
3.Youtubeへのアップでトラブル  ■ プロジェクトの設定  ■ EDIUS Neo3.5 とQSV  ■ EDIUS Neo3.5に更新  ■ QSVについて  ■ USB3.0 Ports  ■ 常用PCのSSD化  ■ ビデオ用PCグレードアップ  ■ ビデオ編集用PCのHDD増設  ■ YouTubeの再生リスト
4.再びEDIUS Neo 3.05に  ■ カレンダーの祝日修正  ■ 1080/60p での撮影  ■ EDIUS Neo 3.53  ■ Internet Explorer 10への対応  ■ バックグラウンドプログラムの終了  ■ YouTubeの画面を最背面に表示  ■ Google Toolbarの漢字入力  ■ 親ウインドウからIFRAMEの関数を使う  ■ 画面の拡大・縮小
5.Windows 7 再インストール  ■ ページ検索 リニューアル  ■ カラオケ文字の作成  ■ EDIUS プリセットの違い  ■ YouTubeお気に入り作品集  ■ YouTubeでの再生  ■ バグ修正  ■ YouTubeの再生  ■ iPad用に修正  ■ iPad用に修正したが・・・
6.iPadとホームページ  ■ ディスクの書き込み速度  ■ 拡大写真の表示サイズ  ■ EDIUS Neo3 タイトラー  ■ ビデオ編集ソフトの変更  ■ EDIUSでjpgの読み込み  ■ おもしろいマウス  ■ メニュー名変更  ■ 「ページ検索」の重複登録  ■ 再度「ページ検索」の改良
7.ページ検索の検索精度  ■ ページ検索 再修正  ■ フォントについて  ■ ページ検索 修正  ■ 修正1 新着項目の文字数  ■ USB3.0のドライバー  ■ プルダウンメニュー  ■ 画像が移動するアニメーション  ■ ビデオと写真のリンク  ■ 「裸族の集合住宅」って何?
8.YouTube埋め込み表示  ■ YourTubeへの投稿  ■ 文字サイズの切り替え  ■ ウインドウ7の再インストール  ■ マザーボードの交換  ■ pdfファイルのオープン  ■ パソコンのグレードアップ  ■ パソコン上でcgi、phpの実行  ■ Windows 7 インストール  ■ ノートパソコン
9.キーボード・マウス新調  ■ Opera のエラー  ■ 画像の上に画像・文字を表示  ■ マーキーを用いて画像の反転・移動  ■ 選択中のサムネイルの枠  ■ サムネイルを影付きに  ■ スライドショウにおける背景色の変更  ■ ホームページ リニューアル  ■ 新着・更新情報の改良 その他  ■ HDDの高温対策
10.photo_slide.jsの修正  ■ photo_slide.js の修正  ■ ページ検索のバグ  ■ スタイルシートの整理と書き換え  ■ 音声で挨拶  ■ 蝶のスライドショウ 並び替え  ■ 写真集の表示修正  ■ 掲載ページ一覧について  ■ ページ検索 改良  ■ プルダウンメニューの改良(2)
11.パソコンへのビデオの取り込み  ■ 「鉄道写真集」新設  ■ 「○○写真集」の中の検索について  ■ プルダウンメニューの改良  ■ 写真集に「我が町の風景」を新設  ■ ページタイトル変更  ■ パソコン製作奮戦記外  ■ ビデオ編集・BGM etc  ■ ビデオ編集用パソコンの製作  ■ 「私の雑記帳」を白系に
12.スタイルシートの切り替え  ■ joyfullyyの修正  ■ プルダウンメニューの項目  ■ トップページのデザイン変更  ■ スライドショウ 改良  ■ デフラグ  ■ 写真・スライドショウ 公開  ■ トップメニューの表示位置  ■ スライドショウ改良(Firefox対応)  ■ スライドショウ改良
13.ビデオのこと  ■ 蝶のページの修正  ■ 複数頁の合体作業  ■ スライドショウ 完成  ■ EDIUS Neo2 によるビデオ編集  ■ スライドショウのマスキング完成  ■ スライドショウ  ■ ビデオ編集・その後  ■ ビデオの編集(1)  ■ ビデオ編集用のPC
14.スライドショウへの適用  ■ 擬似フレームのスクロール  ■ ジャンプメニューの改良  ■ ページの印刷  ■ TerapadでFirefoxを起動  ■ メニュー固定方式 2  ■ メニュー固定方式  ■ タイトル・メニュー位置の固定表示  ■ Joyfulyyのスクロール  ■ Joyfulyyの改造
15.URLの珍現象  ■ アナログ時計と時報  ■ タイトル・メニューの位置にアナログ時計を表示  ■ joyfulyyの改造  ■ メニュー固定表示解除  ■ メニューの固定表示  ■ 謹賀新年  ■ script type='text/javascript'に修正  ■ 年末年始の挨拶を自動で・・・  ■ 今年のクリスマス
16.Ads by Googleを設置  ■ 文字のプログレッシブ表示  ■ サーバーの大移動  ■ スライドショウ改良  ■ レンタルサーバーの速度  ■ 35ミリ フィルムサイズ  ■ リンクについて  ■ 独自ドメインの取得  ■ 掲載写真一覧の表示  ■ SDメモリカードのトラブル対策
17.スライドショウ画面の変更  ■ サムネイルの半透明化  ■ 写真説明文の表示  ■ スライドショウ Ver3 完成  ■ スライドショウ Ver3 その4  ■ スライドショウ Ver3 その3  ■ スライドショウ Ver3 その2  ■ スライドショウ Ver3  ■ data.js の作成  ■ 「写真日記」掲載写真一覧 その7
18.「写真日記」掲載写真一覧 その6  ■ 「写真日記」掲載写真一覧 その5  ■ 「写真日記」掲載写真一覧 その4  ■ 「写真日記」掲載写真一覧 その3  ■ 「写真日記」掲載写真一覧  ■ 撮影地などの地図表示  ■ BBSを新設  ■ 写真ページの表示  ■ IPアドレス  ■ リンク情報の整理
19.スライドショウ修正  ■ 掲載ページ一覧を改良  ■ スライドショウの操作修正  ■ 「私の雑記帳」のデザイン変更  ■ プルダウンメニュー固定の問題点  ■ 雑記帳のプルダウンメニューを固定  ■ 「私の雑記帳」のデザイン変更  ■ 写真を静止してみたい・・・  ■ 海外旅行の写真集にも適用  ■ バグ対策
20.写真の表示方法(Ver2)  ■ 写真集の表示方法を変更  ■ 新方式による写真表示  ■ カウント27万件  ■ CATV(LCV-Net)解約  ■ Bフレッツ開通  ■ お気に入りアイコンの設定  ■ WindowsXP再インストール  ■ トップページのカレンダー  ■ ビデオ作品のページ変更
21.ホームページのアドレス変更  ■ Bフレッツ開通に備えて  ■ NHK時計  ■ トップページ及びプルダウンメニューの追加  ■ 写真表示のページ改造  ■ スライドショウにおけるツールメニューの非表示  ■ アドレスを変更した場合  ■ エラー対策(2)  ■ カウンターが25万件に・・・  ■ エラー対策
22.画像の拡大表示  ■ サーバーの容量  ■ 「現在の訪問者数」を削除  ■ カウンターの表示2  ■ 新規開設  ■ Exif情報  ■ 著作権の表示  ■ カウンター  ■ プルダウンメニュー 改良  ■ 写真集の表示
23.写真の保存とBig Drive  ■ 今年初めての書込み  ■ プルダウンメニュー Ver2  ■ トップページの修正  ■ 「ご感想」のページ  ■ 記事の行間設定  ■ ホームページのバグとり  ■ Windows XPとメモリー  ■ 2006年のクリスマス  ■ ホームページの細かな修正
24.ホームページ リニューアル  ■ 日本語入力の切替  ■ プルダウンメニュー  ■ Windows Vista  ■ トラブル解決  ■ ホームページの改造 その2  ■ ホームページの改造  ■ スイス掲載写真一覧  ■ バージョンアップ  ■ 表示方法改造
25.写真日記リニューアル
 新着の期間  [3ページまでの表示] [新着一覧





スライドショウ修正2008/02/11(月曜)

スライドショウは作り始めてからもう何回も修正している
以前にも少し記述したが、「偶然」にスライドショウが重複して動作することがあった
これは「偶然」というように中々再現が出来ない
ウインドウサイズは、200msec のタイマーで常に監視している。つまりウインドウサイズが変わると 200msec 後に新しいサイズで表示される。
この間にスライドショウを2度以上実行すると重複して動作する。つまり規定の5秒以下で切り替わってしまう

対策は下記のようにした
------------------------------------------------------------
function slideshow(){

----- 中略 -----

clearTimeout(timer_slideshow)
timer_slideshow = setTimeout("slideshow()" , loop_time);
}
--------------------------------------------------------------
つまり、ループの都度、clearTimeout(timer_slideshow) でタイマーをクリヤーした
これでスライドショウのタイマーが重複して動作することがなくなった。

プログラムを作っているときバグはつきものだが、解決したときは嬉しいものだ。

その後の動作2008/02/15(金曜)

もう100回以上になるだろうか・・・最大化にしたり全画面にしたり・・・そしたウインドウを縮小したり。
いろいろとやってみてもスライドショウの重複動作は生じない
clearTimeout(timer_slideshow)
が効果があったと言うことだろう。

 

掲載ページ一覧を改良2008/02/08(金曜)

現在673頁の写真・ビデオを掲載している
これは「掲載写真一覧」で確認することが出来る
この一覧を例えば「年月日(降順)」に並び替えた場合、新しいウインドウで表示していた
これを同じ位置に表示するように改良した
初期表示は「年月日(降順)」にした

673頁の並び替えには結構時間が掛かるものだ

 

スライドショウの操作修正2008/02/06(水曜)


1月20日に
----------------------------------------------------------------------------------
そこで、写真の上にマウスがあるときはスライドショウを停止する。つまり静止画像で見る
マウスを写真から離すと次の写真からスライドショウが始まる。と言うことにした
-----------------------------------------------------------------------------------
に修正した。しかし写真一覧からスライドショウのページに移動したときに、はじめに写真の上にマウスがあると当然のことでスライドショウが始まらない
マウスを写真から離さなくてはならない・・・。どうも煩わしい。
そこで写真一覧からスライドショウに移動した場合、通常通りスライドショウが始まっており、
写真をゆっくり見たい場合は「スライド停止(T)」をクリックすることに修正した
また、スライドショウを再開したい場合は「スライド再開(S)」をクリックすると、次の写真からスライドショウが始まるようにした
これらは海外の写真ページにも適用した

これでゆっくりと写真を鑑賞することが出来る

 

「私の雑記帳」のデザイン変更2008/01/30(水曜)

1月27日に「私の雑記帳」を白系に変更した
しかし、どうも見ずらい。それに明るすぎて目が疲れる
それで再び元の黒系に戻した。文章を読んでいてこれの方が目が疲れない

ここ数日、いろいろと修正、修正を繰り返してきたがやっと落ち着いたという感じ
修正するたびにいろいろと勉強して、使いやすいページになっていく。

 

プルダウンメニュー固定の問題点2008/01/29(火曜)

27日に下記の通りに設定して問題解決が出来たと喜んでいたが、別な問題が生じてしまった
document.write("<img src = '" + img_pass + "00_space.gif' width='10' height='300'>")
つまり、300ピクセル以内では 
<A href="index.html"・・・のようにリンクが出来ない
「サンプル」を見ようとしても300ピクセル以内になると全くリンクが出来ない
ただしIEでは正常に動作している

プルダウンメニューを固定しなければ、この現象は生じない
したがって、雑記帳のページは元に戻した。つまりプルダウンメニューはスクロールとともに上方に移動するわけである

このことに気づく前にすべてのページのプルダウンメニューを固定するように改造してみた
そうすると、ラベルにジャンプする場合はウインドウの先頭に表示される
したがって、ジャンプした先頭がプルダウンメニューに隠れてしまう
また「更新情報」では別の年度にジャンプすることが出来なかった
つまり300ピクセル以内に表示してあるためである
これも作成してみてやっと判った

いずれにしてもプルダウンメニューを固定表示することは好ましくないことが理解できた
ブラウザによってこんなにも動作が違うものかと、つくづく感じた

左の写真は「私の雑記帳」で各年度にジャンプできない。( <A href="2006.html">2006年度</A>)
右の写真は右側のシジミチョウをクリックすると上方に100ピクセルずれてしまう例である(<A href="#ラベル名・・・)


 

雑記帳のプルダウンメニューを固定2008/01/27(日曜)

IE系のブラウザでは問題なかったが、Netscape系のブラウザでは固定はされるもののメニューを選択できなかった
ひょんな事からこの問題が解決できた

 //-- kaisou_1() の固定表示 height='300' は第2階層の行数で設定する
 document.write("<DIV id='menu0' style='position : absolute ; z-index : 100 ; left : 0px ; top : 0px;'>")
 kaisou_1()
 document.write("<img src = '" + img_pass + "00_space.gif' width='10' height='300'>")
 document.write("</DIV>")

kaisou_1() つまりプルダウンメニューを表示した後、高さ300px で透明画像(00_space.gif)を表示する
高さは第2階層の行数で決める
これによってすべてのブラウザでプルダウンメニューを固定しジャンプを可能とした

これが出来たときは嬉しかったね。両手を上げて喜んだ
ホームページも日々改良し更に使いやすい、見やすいページにしていきたい

 

「私の雑記帳」のデザイン変更2008/01/23(水曜)

今までは背景色を黒系で作成していたが、少し明るい感じにしようと思い白系に修正した
各ページはスタイルシートを適用しているので、スタイルシートを書き換えれば一括して白系のページになる

更に修正2008/01/26(土曜)

縦方向と横方向のプルダウンメニューを一緒にセットすることは好ましくないことが判った
従って「私の雑記帳」のメニュー形式を前の形式に戻した
写真はその画面
さらに左側に朱色(#ff9494)の帯を付けるのが大好きなデザイン
このために雑記帳のすべてのページにこのデザインを適用した
jsファイルで作られていないので大変な作業だった

これは表で作成している。つまり width="10" bgcolor="#ff9494" で帯を作成している
スタイルシートで設定するといとも簡単だが、そうするとメニューの部分にまで朱色の帯が表示される
中々難しい。でも出来上がってしまうと楽しい・・・よ


縦・横のプルダウンメニュー2008/01/27(日曜)

昨日の記事で
< 縦方向と横方向のプルダウンメニューを一緒にセットすることは好ましくないことが判った >
それで前の形式に戻した
しかし理論的に出来ないはずはないと、各変数をチェックしたところ1つの変数が同じであることが判った
修正して現在の画面になった

全体は縦方向のプルダウンメニュー、雑記帳は横方向のプルダウンメニュー。これで画面がすっきりした

そのほか雑記帳のメニューの固定については項を改めて・・・


 

写真を静止してみたい・・・2008/01/20(日曜)

というご意見があった
現在スライドショウの時間は5秒で切り替わっていく
このうちFilterに2秒、従って3秒が静止画像ということになる
そこで、写真の上にマウスがあるときはスライドショウを停止する。つまり静止画像で見る
マウスを写真から離すと次の写真からスライドショウが始まる。と言うことにした

これはあくまでも操作性の問題。
もっと操作性のいい方法もあるだろう。しばらく使用して見て改良しよう

 

海外旅行の写真集にも適用2008/01/16(水曜)

「写真の表示方法(Ver2)」が完成して、これを海外旅行の写真集にも適用した
海外旅行の場合は表示の順番が決められているので、従来と同じようにページの上段で前後のページに移動するためのメニューをセットした

これですべての「写真・スライドショウ」のページが統一されたことになる

 

バグ対策2008/01/12(土曜)

ページのプログラム、ここでは Javascript のファイルを作成している時、バグはつきものである
理論整然と作り上げられればいいが、中々そうはうまくいかない
時によっては金槌でパソコンを叩きたくなる
「コンピュータは人間の命令したこと以外は実行しない。だからエラーが生じるのは人間が悪いのだ」と言い聞かせて再度ソースを見直してみる
そうすると、エラーの箇所が発見できる。修正して実行・・・エラーがなくなる。正常に動作する
そして両手を挙げて喜ぶ。だからプロクラム開発は止められない。

今回の写真表示・スライドショウもだいぶ悩まされた
今日現在いろいろのバグを修正して、とりあえず完成した

なお先日の課題のスクロールバーの非表示で
document.body.style.overflow = "hidden"
は Netscape では対応していないことも判った。


[直接移動] [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25]
投稿画像の表示サイズを変更できます
管理者用

- Joyful Note -
- JOYFULYY v2.50y24m45 :Edit by Yamamoto -
< Edit by michi >