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


[
新着] [ワード検索]
*--- 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ページまでの表示] [新着一覧





スライドショウへの適用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 >