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


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





スライドショウへの適用2009/03/18(水曜)

従来の方法
http://onohp.com/sonota/zatuki/photo_disp/slideshow_ver3/sample.html
スクロールは手動で切り替える。ただし擬似フレームを使用していないので Scroll On ではスクロールのたびに画像は上下に揺れる

擬似フレームを使用して、サムネイルの部分がスクロールする方法
http://onohp.com/sonota/zatuki/photo_disp/slideshow_ver3/sample_scroll.html

なお、サムネイルの位置にマウスを置くと「オートスクロール停止中」と表示が出てスクロールしない

 

擬似フレームのスクロール2009/03/13(金曜)

2月24日「メニュー固定方式 2」でwindow,scrollBy(・・・がIEでは出来ないと記した
その後、いろいろと検索して調べた見た
その解決方法が見つかった
http://q.hatena.ne.jp/1115005416
この考え方を利用すれば window,scrollBy(・・・)と同じことが可能だ
これは「私の雑記帳」のスライドショウVer3 に適用できる
http://onohp.com/sonota/zatuki/photo_disp/slideshow_ver3/sample.html
ここで右側のサムネイルをスクロールさせればいい
これから改良しよう・・・
テーマが出来て楽しみだ

掲載写真一覧への適用2009/03/13(金曜)

早速写真日記の掲載写真一覧に適用した
http://onohp.com/cgi/joyfulyy_diary/photo_list/index.html
サムネイルが写真とともにスクロールする
ただしマウスの座標がサムネイルの領域内の場合はスクロールしないように設定してある
画像掲示板についても同様にセットした
http://onohp.com/cgi/joyfulyy_bbs/photo_list/index.html

これで今までの問題が解決できたことになる
諦めずに努力してみることだ

 

ジャンプメニューの改良2009/03/04(水曜)

写真集等の画面で右側にジャンプメニューがある
これは目的の項目に素早くジャンプするためのものである
いままでは10項目以上の場合は10項目まで表示し、それ以上のものは「次-->」をクリックして表示するようにしていた

下側には十分な余裕があるので、この表示項目数をウインドウの縦方向のサイズに応じて表示できないかと考えた

左の写真は項目数が12項目である。この状態で縦方向にウインドウを縮小していくと表示項目数は4項目となり、<--前 次--> の表示が出て残りの項目を表示するようにした

これでだいぶ操作が容易になった


 

ページの印刷2009/02/28(土曜)

「メニュー固定方式」と書いたが、いろいろ調べてみると「擬似フレーム」と言うらしい
このキーワードで検索してみると沢山のページが検索される
この中で擬似フレーム方式の欠点に「印刷が1ページ分しか出来ない」と書かれている
結論としては擬似フレームを解除して、印刷専用のページを作るしかない・・・と。
そこでスライドショウ以外は多少なりとも印刷できるように擬似フレームを解除したページを作った
多少面倒だがこれで印刷できるようになった
トップメニュー右側のプリンターのアイコンをクリックするとそのページが開き、ここで印刷が可能となった
特に印刷を必要とするのは「私の雑記帳」だと思う

これで印刷の問題が解決できた
ただしこのページ、写真日記、画像掲示板は印刷対象から除外した


 

TerapadでFirefoxを起動2009/02/26(木曜)

私のホームページ作りは基本はホームページ・ビルダー、その後のJavascript等は Terapad で書いている
この場合動作はツールバーのIEをクリックして確認している
その横に Netscape のアイコンがあるが、ここをクリックして他のブラウザを起動できないかと・・・
調べてみると下記にその回答があった
http://okwave.jp/qa3826019.html
ただアイコンは変えられないが、それでも今までよりは大変都合がいい


 

メニュー固定方式 22009/02/24(火曜)

いろいろ欠点はあるが使用していて非常に感じよく閲覧することが出来る
この方法をページ検索、掲載ページ一覧等々に適用した
特にページ検索では今までフレームを使用していたが、これが1つのファイルで作ることが出来た

「いろいろの欠点が・・・」と書いたが
1.ページのプリントが1ページ分しか出来ない
対策としては印刷用のページを作成するしかないのだろうか
スタイルシートを書き換えてしまえば今までどおりに印刷できるから・・・
ただ私の雑記帳の中の記事以外ではあまり印刷の必要はないと思う・・・
2.window.scrollBy(・・・)が効かない
ただしFirefox、Operaではスクロールが出来ることが判った
このためにページの右側にあるジャンプ項目では先頭が隠れることなく表示できるようになった
ただしIEでははじめから隠れるずに表示できる
これはIEで右側にサムネイルを表示したスライドショウを作成する場合であって、普通のページでは問題ない

まあ日々いろいろと改良している
そのたび毎に使いやすく、見やすくなっていく
 

 

メニュー固定方式2009/02/18(水曜)

タイトル・メニュー固定方式は気持ちよく見られる
この方式を勉強してよかった

「写真日記」「画像掲示板」等には掲載写真一覧という項目がある
これにも固定方式を適用できないかと・・・
試行錯誤して取り敢えずは完成した
これは写真日記・掲載写真一覧
http://onohp.com/cgi/joyfulyy_diary/photo_list/index.html
キーワード・スライドショウの部分を固定する
リストの部分はスクロールして見る

先日も述べたようにスライドショウと一緒にリストの部分がスクロールすればよいのだが・・・
これからの課題だ

 

タイトル・メニュー位置の固定表示2009/02/09(月曜)

固定表示については以前に設定したことがあった。
しかしスクロールすると上下に「揺らぎ」が生じたために取り消した経緯がある

その後いろいろと勉強していくうちにスタイルシートを使えば「揺らぎ」が生じることなく固定できることが判った
さらにジャンプメニューについても「揺らぎ」がなく固定できることも判った
以上のことからすべての頁を修正し、今日書き換えた

今度は非常に快適となった(^o^)

ジャンプメニューの改良2009/02/09(月曜)

ジャンプメニューは10項目程度だったので、私のモニター(19インチ)ではあまり気にならなかった
海外旅行の「チュニジア物語」の「掲載写真一覧」では、このジャンプ項目が14項目と多いので全画面にしないと機能を発揮できなかった

そこで今回は表示項目を10項目程度とし、それ以上の場合は「<-前 次->」で切り替えるように改良した
これで 800x600ピクセルのモニターでも十分にジャンプ項目を選択できるようになった

これは今まで気が付かなかったが大きな改良である

しかし、こんな未対策部分も・・・2009/02/09(月曜)

Internet Explorer では正常に動作するが、その外のブラウザ(Firefox、Opera)では、ジャンプメニューで目的の項目にジャンプさせた場合、どうしても約100ピクセル先頭が隠れてしまうことである
少しスクロールさせれば問題はないが・・・
このことについてはいろいろと試みたが対策方法が判らない。
以前に述べた100ピクセル下方へのスクロールも不可能
どうも padding が機能していないような感じ・・・

これについてはこれからの勉強だ

 

Joyfulyyのスクロール2009/02/04(水曜)

以前タイトル・メニューを上段に固定することを書いた
この時 joyfulyy つまりこのページや写真日記ではスクロールする方法が判らなかった
昨日いろいろ試行錯誤している時に joyfulyy.cgi の中に function Jump(url) という場所があった
この部分を図のように書き換えて試してみたら、この図では35ピクセル下方にスクロールすることが判った
ただ500msec ほど遅延させないとスクロールしない

タイトル等の固定には是非があるが、参考になる事項なのでメモしておこう


 

Joyfulyyの改造2009/02/01(日曜)

joyfulyy はこの「ホームページ改造日記」や「写真日記」等にも使用している
この joyfulyy の改造については過去にも縷々このページに書いている
これを1つのページに整理してまとめた
http://onohp.com/sonota/zatuki/sonota/joyfulyy/index.html


[直接移動] [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 >