月別アーカイブ: 2020年3月

3月25日の近景

今は新型コロナウイルスの件で、外出を控えることが多く、巣ごもりの生活が続いている。

しかし、今日は天気も良く、ポカポカ日和のため、近所を散歩。

桜の開花状況の確認のため桜公園へ。しかし、まだまだ蕾で、花見には程遠い。

近づいてよく見てみると、蕾が膨らんでいるものもある。

これだと、満開にはあと一週間はかかるなあ・・・

小寺大池の景色。なかなかの風景。青空と水面のシンメトリーが良い。

この小寺大池の周りに咲いていた珍しいピンク色の椿は満開だった。

ぐるっと回って、学園西町公園へ。ここの広い丘から看護大を眺める風景はお気に入りの場面。

学園都市付近は、散歩をするには本当にいい環境だとつくづく思う。

bxSliderでスライドショー

撮影した写真を題材に、PHPで作成した自作のホームページを公開している。

ただこれまでは写真一覧が中心だったので、Webページに動きがなく、自動的にスライドショーが出来るようにしようと思い、調べて、

bxSlider

の存在を知り、早速使ってみることにしたが、手順は以下の通り。

  1. bxSliderのホームページから、Installボタンをクリック
  2. Install画面には、「The Easy Way」と「The Other Ways」があるが、後者を選択することにした。
  3. jquery.bxslider.zipをダウンロード
  4. 必要なファイルは、次の2つ。
    1. jquery.bxslider.css
    2. jquery.bxslider.min.js
  5. HTMLで、<header> </header>の中に次の設定を行う。
  6. <link rel=’stylesheet’ href=’css/jquery.bxslider.css‘>
    <script src=’https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js’></script>
    <script src=’js/jquery.bxslider.min.js‘></script>
    <script>
    $(document).ready(function(){
    $(‘.slider’).bxSlider({
    auto: true,
    });
    });
    </script>
  7. あとは、表示する場所に以下のように記述。
    <div class=”slider”>
         <div><img src=”(ファイルのパス)” ></div>
        <div><img src=”(ファイルのパス)” ></div>
    </div>
あっという間にスライドショーのページが出来たことに驚きだ。

Webページを作成するには、PHPとCSSだけで良いと思っていたが、これからはjQueryの勉強もしていこう。

菜の花開花中

久しぶりに、総合運動公園にある「コスモスの丘」へ。

三月は「コスモス」が「菜の花」に変わる。

天気も良く、子供連れなどで多くの人で賑わっていた。

見事な菜の花畑だった。

ミツバツツジ

アーモンド

など、菜の花以外の花でも楽しめた。

さあ、次は本命の「さくら」だ。

高塚山散策

新型コロナウイルスの影響で、自宅で過ごすことが多くなり、やや運動不足。

そこで、三匹のおっさんグループに呼び掛けて屋外で汗を流そう、ということになった。

手ごろな所で、といえば、高塚山、高塚山といえば龍神社と古墳群。

一番南にある第15号古墳(盗掘跡)で、記念写真。

この古墳跡の前には、大きな木が・・・

この木は「きくもも」。どう見ても1本ではなく、何本か「きくもも」の木が合体してるよなあ・・・

また、こんな木も。

この木には、「二又親子の木」という看板が付いていたが納得だね。

龍神社からの帰り道、早くも満開になっている桜?を見つけた。

しかし、どう考えても時期的に3月初旬の神戸で桜は早いと思うのだが、これは桜に見える・・・

Google Lensで検索をかけたら、「桜」または「アーモンド」だったので、これは「アーモンド」だと思うが、やっぱり桜に見えるよなあ・・・