So-net無料ブログ作成
 [ひらめき]スイカが好きのサイトマップ(記事一覧)  

ロウバイがもう咲いていました。(2017)

近所の畑でもう蝋梅(ロウバイ)が咲いていました。 (^◇^)

好きな花の一つです。 

1.甘い香りが好きで必ず鼻を近づけてしまいます。DSCN0204.JPG 

 

2.毎年、お餅を食べた後、散歩の途中で楽しんでいます。DSCN0198.JPG 

 

3.画像を100%にしたら水滴がついていました、5分くらい前に咲いたのか?それとも凍らないような水分?DSCN0206.jpg 

 

4.もう少し歩くと川もあって散歩には良いところだと思います。DSCN0191.JPG 

 


1月の旅行の写真は以下を載せる予定です。


山形・銀山温泉(2003)
北海道・(2006)
 トラピスト修道院
 五稜郭
 函館
 函館夜景
 洞爺湖、支笏洞爺国立公園「サイロ展望台」
 大沼国定公園・蟹食べ放題の昼ご飯
 昭和新山
 小樽運河
名花の里イルミネーション、伊勢神宮(2013)



タグ:ロウバイ
nice!(41)  コメント(12) 
共通テーマ:旅行

カレッタ汐留・プロジェクションマッピング(2012) [旅行:東京]

東京駅もプロジェクションマッピングしていましたが先に汐留に行きました。
汐留を見てから東京駅に着いてみると「大混雑!」、開催は中止になってしまいました。('Д')
中止で正解だったかも、人の動きが制御できなくて押される、押される。
でも、見たかったなぁ。

 
1.カレッタ汐留のプロジェクションマッピング
DSCN2081.JPG 
 
2.
DSCN2086.JPG 
 
3.
DSCN2088.JPG 
 

続きを読む


nice!(28)  コメント(2) 
共通テーマ:旅行

クリスマス・CSSスライドショー(2001~) [旅行の写真]

2001年からの旅行の写真をブログにアップしていますが12月はほとんどがイルミネーション写真ばかりでした。(^。^)

雪が降る季節は電車で行ける場所だけで、車で旅行しないためかな。

(雪国の人に怒られそうですね、・・・・・路面が凍らない場合の外出では使っています)

来月、1月は北海道、銀山温泉、名花の里(伊勢神宮)などに行っていますが全部ツアーです。


クリスマスなのでスライドショーにしました。

使い方が間違えているかもしれませんが参考でCSSも載せてます。


横浜、汐留、名花の里、、、、、、恵比寿、お台場、
Xmas2017-1.jpg 
 
スライドショー2 別ウィンドウが開きます。(100秒で繰り返し)

横浜、、時之栖、東京タワー、、横浜、時之栖、、横浜、、
Xmas2017-2.jpg 
 
スライドショー3 別ウィンドウが開きます。(100秒で繰り返し)

竹ノ塚、、六本木、お台場、、、、、横浜、、
Xmas2017-3.jpg 
 
スライドショー4 別ウィンドウが開きます。(100秒で繰り返し)

名花の里、、東京タワー、、時之栖、横浜、お台場、、、、
Xmas2017-4.jpg 


参考

html

  <body>
X'masイルミネーション1
<DIV class="photo-slideshow10">
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_011230_173243.jpg"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_DSCN2099-ff5c8.JPG"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_DSCN2140-efecd.JPG"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_DSCN2145-7f4ff.JPG"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_DSCN2151-d4adf.JPG"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_DSCN2156-e0d27.JPG"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_DSCN2169-62b5d.JPG"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_DSCN2200-c86af.JPG"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_DSCN9788-91253.JPG"> 
 <IMG  src="http://suikasuship.blog.so-net.ne.jp/_images/blog/_82a/suikasuship/m_IMG_0361-b3bfd.JPG"> 
</DIV>
</body></html>


CSS (webで調べながら作ったので変な使い方があるかも、)

body {
 background-color:#808080;  /* ページ全体の背景色               */
 color:#0000ff;                     /* 文字色を濃い目のグレーにする */
}

photo-slideshow10 {       /* CSS クラス名 photo-slideshow8     */
    height: 800px;           /* 表示したい大きさ        */
    margin: 0 0 -120 0;    /* 上右下左のマージンをまとめて指定する   */
    max-width: 100%;     /* 領域の幅の最大値        */
    position: relative;       /* ボックスの配置方法 relative=相対位置への配置 */
    width: 800px;            /* 表示したい大きさ、height と合わせる   */
}
.photo-slideshow10 img {                  /* CSS クラス名 photo-slideshow8 の 子孫セレクタ = img        */
    animation: slide10 100s infinite;    /* アニメーションプロパティ一括指定 空白で区切る                     */
        /* animation-name、 animation-duration、 animation-timing-function、                                 */
        /* animation-delay、animation-iteration-count、 animation-direction                                     */
        /* animation-name アニメーション名 = slide10                                                                      */
        /* animation-duratio アニメーション一回分の時間の長さを指定 秒                                               */
        /* animation-iteration-count 繰り返し回数を指定 infinite=無限                                                  */
    -webkit-animation: slide10 100s infinite;  /* -webkit-  ベンダープレフィックス Chrome、Safari指令 */
    height: auto;                  /* 領域の高さを指定 自動設定                               */
    max-width: 100%;         /* 領域の幅の最大値                                            */
    opacity: 0;                     /* 要素の透明度を指定 0.0(完全に透明)               */
    position: absolute;          /* ボックスの配置方法  絶対位置=画像を全て重ねる  */
}
/* @keyframes = アニメーションのキーフレーム (通過点)で制御する */
@keyframes slide10 {   /* animation-name slide10 のキーフレームを指定                         */
    0% {opacity:0}       /* opacity(要素透明度指定) 0.0(完全に透明)~1.0(完全に不透明) */
    10% {opacity:1} 
    25% {opacity:0}
 }
/* -webkit- = ベンダープレフィックス Chrome、Safari指令 */
@-webkit-keyframes slide10 {
    0% {opacity:0}  /* opacity(要素透明度指定) 0.0(完全に透明)~1.0(完全に不透明)*/
    10% {opacity:1} 
    25% {opacity:0}
}
/* 各画像のアニメーションの開始時間をずらす                                                 */
/* CSS クラス名 photo-slideshow8                                                             */
/* E:nth-of-type(n) 、疑似クラス、 n番目のその種類の要素にスタイルを適用する */
.photo-slideshow10 img:nth-of-type(1) {animation-delay: 0s;    -webkit-animation-delay: 0s;}
.photo-slideshow10 img:nth-of-type(2) {animation-delay: 10s;    -webkit-animation-delay: 10s;}
.photo-slideshow10 img:nth-of-type(3) {animation-delay: 20s;    -webkit-animation-delay: 20s;}
.photo-slideshow10 img:nth-of-type(4) {animation-delay: 30s;    -webkit-animation-delay: 30s;}
.photo-slideshow10 img:nth-of-type(5) {animation-delay: 40s;    -webkit-animation-delay: 40s;}
.photo-slideshow10 img:nth-of-type(6) {animation-delay: 50s;    -webkit-animation-delay: 50s;}
.photo-slideshow10 img:nth-of-type(7) {animation-delay: 60s;    -webkit-animation-delay: 60s;}
.photo-slideshow10 img:nth-of-type(8) {animation-delay: 70s;    -webkit-animation-delay: 70s;}
.photo-slideshow10 img:nth-of-type(9) {animation-delay: 80s;    -webkit-animation-delay: 80s;}
.photo-slideshow10 img:nth-of-type(10) {animation-delay: 90s;    -webkit-animation-delay: 90s;}



スポンサードリンク

nice!(37)  コメント(4) 
共通テーマ:旅行

お台場:レインボーブリッジのレインボー・イルミネーション(2005)GIFとCSSのアニメ [旅行:東京]

お台場はレインボー・イルミネーションを見て満足したのか2005年を最後に行っていません、

最近のはLEDでもっと光り輝いているんでしょうかね?。

2005年の写真はGIFとCSSで載せました。



2.レインボー・レインボーブリッジIMG_8252a.JPG

3.アニメーションGIFです。IMG_8252ag.gif

 4.IMG_8252b.JPG

5.アニメーションGIFです。IMG_8252ba.gif

続きを読む


nice!(27)  コメント(0) 
共通テーマ:旅行

富山に出張(2003) [旅行:富山]

デジカメを買ったばかりで嬉しくて持って行ってしまいました。

ホテルに帰る時は深夜になったのですが、寒すぎて足が「つりそう」になってどうしようかと思いました。
タクシーも走っていないし、人影も見えないし。

1.北アルプスが綺麗でした。
IMG_0636.jpg 
 
2.
IMG_0648.JPG 
 
3.ホテルにチェックインする前の深夜3時9分、

雪の花が満開になっていますが近くまで行って撮る元気はなかったようです。(^。^)
IMG_0688.JPG 
 
4.東京に帰るときは良い天気でした。
IMG_0691a.JPG 
 
5.(^。^)
IMG_0691c.JPG 



スポンサードリンク

nice!(19)  コメント(3) 
共通テーマ:旅行

お台場・X'masツリーとレインボーブリッジ(2003)CSSでアニメーション [旅行:東京]

アニメーションGIFは簡単で良いのですがモアレとファイルサイズが悩ましいです。
CSSでアニメーションさせるとモアレとファイルサイズが解消できます。
 
1.
IMG_0303.JPG 
 
2.
IMG_0304.JPG 
 
3.
IMG_0304b.JPG 
 
4.
IMG_0318.JPG 
 
5.自由の女神は本物だって知っていました?
フランス政府公認のレプリカでフランスのクーベルタン鋳造所で作成されたそうです。
IMG_0332.JPG 
 

続きを読む


nice!(15)  コメント(2) 
共通テーマ:旅行

お台場・Xmasイルミネーション(2002) [旅行:東京]

イルミネーションの写真しか残っていませんでした。
何を食べたんだろう?

23日だから美味しいものを食べたんだと思います。(^。^)


1.
PC231680.JPG 
 
2.
PC231681.JPG 
 
3.
PC231689.JPG 
 
4.
PC231701.JPG 
 
5.
PC231708.JPG 
 

続きを読む


nice!(19)  コメント(2) 
共通テーマ:旅行

横浜・Xmasイルミネーション(2004) [旅行:神奈川]

1.前回は中華街のついででしたが2004年はイルミネーションが目的で行きました。

寒かったなぁ~
IMG_5145.JPG 
 
2.ランドマークタワー
IMG_5159.JPG 
 
3.赤レンガ倉庫より
IMG_5169.JPG 
 
4.
IMG_5178.JPG 
 
5.
IMG_5190.JPG 
 

続きを読む


nice!(25)  コメント(2) 
共通テーマ:旅行

お台場・Xmasイルミネーション、観覧車でXmasプレゼント頂きました。(2001) [旅行:東京]

 
 
1.
011222_161907.jpg 
 
2.
011222_183122.jpg 
 
3.ホテルのイルミネーション・・・・泊まっていません、写真を撮っただけです(^。^)
011222_220202.jpg 
 
4.富士山が見えるのですが撮影場所の記憶がないです。
011223_085106.jpg 
 
5.建設中の六本木ヒルズも写っていました。(画面中央です。)
011223_085220.jpg 
 

続きを読む


nice!(25)  コメント(4) 
共通テーマ:旅行

横浜・氷川丸、横浜マリンタワー(2001) [旅行:神奈川]

横浜中華街でお昼を食べてから散歩しました。
 
1.
011230_122438.jpg 
 
2.氷川丸の近くのカモメ。
カモメも集まると怖いですね。
011230_143430.jpg 
 
3.氷川丸を係留しているクサリはカモメの指定席でした。
011230_143839.jpg 
 
4.
011230_152241.jpg 
 
5.港の見える丘公園付近から横浜マリンタワーとヨコハマ グランド インターコンチネンタル ホテル
011230_152745.jpg 
 

続きを読む


nice!(20)  コメント(2) 
共通テーマ:旅行

旅行・観光ランキング