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


[
新着] [ワード検索]
*--- 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の再生リスト
 新着の期間  [全ページの表示] [新着一覧





スライドショウ修正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 >