- 北の空からみなみへ -
exblog staff

タグ:春花草木 ( 8 ) タグの人気記事
芝桜訪問絵日記 2009 はみ出し文
2009年 05月 24日
シベリア桜(らしき花)は前記事のmore欄から、当記事のほうへ移動しています。

海岸に近いためか、普段は天の川を見分けられないこの地ですが、ほんの5kmも山側に走ると街灯もなく星空観察に適した山影に達します。
地平線に這うような位置にあるさそり座を追いかける天空の低い位置にある銀河の風景もよく見えました。
今回は三脚を借りたので、星空撮影に挑みましたが、地球の自転によって画像は流れます。 ほんの15秒くらいの露出時間でも赤緯に沿って追従できないと倍率上げると無理みたいでした。 (もちろん技術の拙さも要因です)

昇りかけの月(ぼけてます 恥ぃ;) と (マウスオーバーで)少し昇った月と金星
c0062295_13205636.jpg
c0062295_13221870.jpg


more
[PR]
by bucmacoto | 2009-05-24 15:12 | particle
芝桜訪問絵日記 2009
2009年 05月 21日
昨年は、午後の半日休暇で出かけていた隣町への芝桜サイクリング > petty trip
今年は午前の半日代休ででかけてみました。

リアルタイム携帯投稿したようなトラブルはあったものの、充実した半休でした。
前日の夕方6時過ぎには入浴し、起床は0時30分、出発は1時10分くらいでした。

日中は凪いでいた風も夜風となるとけっこう強くて。。。星空眺めたり撮ったりしたので、往路の到着時刻は5:30(所要4時間20分)になってしまいました。
フォトは夜明け時刻を4分過ぎた 3:16の東南東の空。 HDR処理試用。
マウス乗せると中間露出の原画像になります。
c0062295_21184121.jpg
c0062295_21414121.jpg

画像内位置
左下
その上
右上
星の名
金星

木星
高度 [°]
11.4
17.9
25.0
方位 [°]
94.4
96.5
144.4
視半径 ["]
14.6

20.1
等級
-4.4

-2.4

 こちらが天体データ出典です > こよみの計算(日の出入り、月の出入り、南中時、太陽・月・惑星の高度・方位など)


そしてこちら到着後 6:40の風景

奥に見えるのは ウエンシリ岳 と思ったのですが・・・大雪山でした(陳謝訂正)
c0062295_21293214.jpg

post at 2009.05/21
last edit at 2009.05/25


しーばー しーばー ししばー ♪ (食傷覚悟でどうぞ)
[PR]
by bucmacoto | 2009-05-21 21:53 | wave
春の花2009(へっぽこ その4)
2009年 05月 10日
絵日記20090501 でムスカリ? と書いたら、ラベンダーではないかと教えていただいたこちら。


c0062295_15365447.jpg
c0062295_15365447.jpg
c0062295_15394381.jpg
c0062295_15394381.jpg
c0062295_15451545.jpg
c0062295_15451545.jpg
c0062295_1684481.jpg
c0062295_1684481.jpg

右上にムスカリおいて見たら、確かにムスカリとは違うっぽく見える・・・たぶん ^^



前回のへっぽこ3とこちらの4では、縦配置も使っています。 そのためソース表示は控えます。
スキンの記事幅設定によってはみ出したり、狭すぎて使えない例が多そうですので ^^;
(もちろん私がソース誤入力などでミスをする可能性あるわけで・・・その回避策でもあり w)

なお今回もmore欄にはたっぷりの画像を流し込んであります。
今後もうしばらくはこんな無茶な入れ込み方はしないと思います。
ネット環境が転送容量的に厳しい方は、今回もスルーしてください(お願い)。

more
[PR]
by bucmacoto | 2009-05-10 22:30 | wave
compare / contrast (へっぽこサンプル その3)
2009年 05月 10日
一気に桜が咲いて、葉桜になってしまった。
サクランボ(セイヨウミザクラ)はほんの少し遅れて咲く傾向なのでいまが盛り。
よく似た花をつけるのがスモモ。 あまり私にはサクランボと区別がつかない ^^;
ウメはサクラより紅いというイメージが書籍によって刷り込まれていたのだが、この地のウメは白梅のほうが目に付くほどだ。 おそらくこの地のサクラのピンク色が濃いので、より白い品種のほうが好まれることが理由なのかもしれない。

今回は2画像対比ばかり並べてみようと思う。
以前のきりんさん変化(へっぽこ実験)のmore欄で、モノクロとカラーとの対比を並べてみましたが、今回はそのサムネール選択版です。
ズーム(zoom 拡大/接写)とパン(pan 広角)のほうが、どんな種なのか分かりやすいかもしれませんので。。。 とは言っても、私は本来は草花オンチなのです。 理系ながら画像やら解剖やらシステムやらが専門分野なもんでぇ(いいわけ 笑)

more
[PR]
by bucmacoto | 2009-05-10 02:08 | duality
桜×五画(へっぽこサンプルその2)
2009年 05月 06日
post at 2009.05/06
last edit at 2009.05/09

応答が重そうなので画像はmore欄におきます。

上下左右の4隅に縮小画像を配し、そこでオンマウス(マウスオーバーともいう マウスポインタを対象に上にのせる操作)した元サイズ画像を中央に表示させる、前回のへっぽこサンプルの簡易版です。
説明も簡易版です・・・ ^^;

中央に表示する画像分の高さ(※)を指定し、上下にサムネール表示分のpaddingを設定。
上下padding上の右と左(つまり4隅)に、position:absolute で縮小画像を貼り付ける手法を採用です。

アップロードする画像サイズを [512px × 384px] に固定して、エキブロの画像表示マクロ(簡易タグ)を流用しています。

 ※このエキブロ簡易タグを利用した副作用として、CSS設定の Image(あるいは img や image_mid など)で設定された上下のマージンの分を考えて、div の高さと 上下の縮小判表示スペース分paddingを確保しないと、マウスオン・オフの度にぎくしゃくすると考えられます。

more欄に表示したサンプルのソースを、簡略化しつつも説明文っぽく示します。

<div style="position:relative;height:384px;background:black url('http://pds.exblog.jp/pds/1/画像フォルダ/下敷画像.jpg') no-repeat center;padding:133px 0;">
<a href="#" class="lnk"><span style="position:absolute;top:0;left:0">[#IMAGE|左上画像.jpg|画像フォルダ/|mid|173|128#]</span><span class="mon">[#IMAGE|左上画像.jpg|画像フォルダ/|mid|512|384#]</span></a>
<a href="#" class="lnk"><span style="position:absolute;top:0;right:0">[#IMAGE|右上画像.jpg|画像フォルダ/|mid|173|128#]</span><span class="mon">[#IMAGE|右上画像.jpg|画像フォルダ/|mid|512|384#]</span></a>
<a href="#" class="lnk"><span style="position:absolute;bottom:0;left:0;">[#IMAGE|左下画像.jpg|画像フォルダ/|mid|173|128#]</span><span class="mon">[#IMAGE|左下画像.jpg|画像フォルダ/|mid|512|384#]</span></a>
<a href="#" class="lnk"><span style="position:absolute;bottom:0;right:0">[#IMAGE|右下画像.jpg|画像フォルダ/|mid|173|128#]</span><span class="mon">[#IMAGE|右下画像.jpg|画像フォルダ/|mid|512|384#]</span></a>
</div>


エキブロに画像をアップした場合に、画像表示(マクロ)のタグは
 [#IMAGE|c0062295_2382742.jpg|200905/06/95/|mid|512|384#]
のようになっています。

コピペして 画像.jpg画像フォルダ の部分を入れ替えてご利用ください。 視認性をよくするために改行を入れていますが、この改行は必ず削除してください。

more
[PR]
by bucmacoto | 2009-05-06 23:54 | wave
はな花ハナ華 = 七変化(へっぽこサンプル)
2009年 05月 04日
ひっさ~~~しぶりに、htmlのへっぽこ技法を書いてみましょう。
 もしかしたら、いやおそらく、むしろきっと、分りにくい記事になるんだろうなぁ(苦笑)

前回記事 (どちらも別窓が開きます) に示した、CSSのA要素にマウスオーバー表示を施していると、この記事のテクニックが使用可能となります。

画像切り替えのCSS設定を利用して、複数画像を表示させようという企画です。
いつもと同じく、書きながら検証するので、記事完成までコメント不可としております。

こちらは雛形。 文字の代わりに画像を入れると画像切替え用途の箱として使えます。
(一応、512x512 の画像が入るサイズを仮作成してみました)




ソースを示します。 勘のいい方はこの色画像を縮小画像に変えることで、ユーザーが一覧からマウスのせによって拡大表示する、というように使えることがお分かりになるかもしれません。
<a name="box" ID="box"></a>
<div style="position:relative;height:572px;line-height:512px;text-align:center"><div style="height:40px;opacity:0.3;filter:alpha(opacity=30)"></div><a href="#box" class="lnk"><span style="position:absolute;left:5px;top:0"><img src="http://pds.exblog.jp/pds/1/200607/05/95/blank.gif" width="64" height="36" border="0" alt="Red" style="background:rgb(255,0,0)"/></span><span class="mon" style="color:red">RED</span></a><a href="#box" class="lnk"><span style="position:absolute;left:74px;top:0"><img src="http://pds.exblog.jp/pds/1/200607/05/95/blank.gif" width="64" height="36" border="0" alt="Orange" style="background:rgb(255,208,0)"/></span><span class="mon" style="color:orange">Orange</span></a><a href="#box" class="lnk"><span style="position:absolute;left:143px;top:0"><img src="http://pds.exblog.jp/pds/1/200607/05/95/blank.gif" width="64" height="36" border="0" alt="Yellow" style="background:rgb(255,255,0)"/></span><span class="mon" style="color:yellow">Yellow</span></a><a href="#box" class="lnk"><span style="position:absolute;left:212px;top:0"><img src="http://pds.exblog.jp/pds/1/200607/05/95/blank.gif" width="64" height="36" border="0" alt="Green" style="background:rgb(0,255,0)"/></span><span class="mon"style="color:green">Green</span></a><a href="#box" class="lnk"><span style="position:absolute;left:281px;top:0"><img src="http://pds.exblog.jp/pds/1/200607/05/95/blank.gif" width="64" height="36" border="0" alt="Blue" style="background:rgb(0,0,255)"/></span><span class="mon"style="color:blue">Blue</span></a><a href="#box" class="lnk"><span style="position:absolute;left:350px;top:0"><img src="http://pds.exblog.jp/pds/1/200607/05/95/blank.gif" width="64" height="36" border="0" alt="Navy" style="background:rgb(0,0,127)"/></span><span class="mon"style="color:navy">Navy</span></a><a href="#box" class="lnk"><span style="position:absolute;left:419px;top:0"><img src="http://pds.exblog.jp/pds/1/200607/05/95/blank.gif" width="64" height="36" border="0" alt="Purple" style="background:rgb(127,0,127)"/></span><span class="mon"style="color:purple">Purple</span></a></div>

post at 2009.05/04
last edit at 2009.05/17


7images (Rainbow) x2 + 7
[PR]
by bucmacoto | 2009-05-04 21:43 | &Tips;&code;
春花2009 update
2009年 05月 02日
c0062295_1915315.jpg

先日の絵日記記事で撮った山生のコブシではなく、こちらは庭木です。

more
[PR]
by bucmacoto | 2009-05-02 19:48 | wave
初めてのミズバショウ
2009年 05月 02日
昨春の記事で書いているように、私はまだ水芭蕉を撮ったことがなかった。

うららかな春の陽射しに、勤務後に道向うの公園へ足を伸ばした。

池の周りを自転車で抜けようとすると、水鳥が小さな沼地の水浴びから驚いたように飛び立った。

どうやら渡りを終えて、かもが舞い戻ってきたようだ。

そこで、水芭蕉20株ほどの小さな集落が目に入った。

c0062295_17561232.jpg


more
[PR]
by bucmacoto | 2009-05-02 18:50 | wave