虫と鉄」を更新。内容は以下の通り。

●トップページの背景変更、デザイン微修正。
●「虫の頁」に2019年と2016年の写真を追加。デザイン微修正。

まずトップページの背景をベニシジミから先日撮影したばかりのヤマクダマキモドキの幼虫へ変更。

虫と鉄190728

背景写真に合わせてメニューの表示位置等を修正。

続いて今回のメインの更新。昆虫写真ギャラリー「虫の頁」に今年と2016年撮影の昆虫写真を追加。掲載枚数は50枚を超え、なかなか良い感じになってきた。2015年以前のものについては、RAWでの撮影をしていないこともあって(当時は現像反対派の撮って出し主義者だったからだが、今考えると惜しいことをした)、掲載の予定はない。今後は新たに撮影したものを順次追加していく。

虫と鉄190728

また、サムネイルをクリックすると表示される大きい写真と解説部分の表示位置を修正。これまではCSSでposition:absolute;を指定していたがために、ページの最下部のサムネイルをクリックすると表示位置が上の方にはみ出してしまい、スクロールしないと見えないという不具合があった(ことについ先日気づいた(汗))。そこでposition:fixed;に修正することで解決。

虫と鉄190728

加えて、サムネイルの並びの一番最後にページトップへのページ内リンクを設置。また、カーソルをサムネイルに合わせた際に白っぽいマスクがかかるようにしたが、こちらはIEなど一部非対応のブラウザがある。それ以外に細かな修正として、2017年撮影の写真の内、2018年に現像したものについて、写真隅にいれているコピーライトの西暦を現像した年から撮影年へ変更したものに差し替えた。

その他、これはすべてのページに共通することだが、下部に表示されるFC2の広告表示について、以前書いたCSSの設定をしているが、横スクロールバーが表示される場合になぜかスクロールバーに重なって手前に表示され、おかげで横スクロールバーに触れず動かせないという不具合があり、結局根本的な解決はできていない(デフォルトでは広告部分のdivはページの幅いっぱいを占める)。しかし、ふとmax-width:200px;を指定することを思いつき、結果、左下隅を除きスクロールバーに触れるようにはなった(たしか以前max-widthではなくwidthで試したが、反映されなかったはず)。とりあえず良しとしよう。

関連記事
Secret

TrackBackURL
→http://erbaf.blog95.fc2.com/tb.php/2342-e0148828