スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

平尾台の夏 2009 (シンプルソースを使って)

 8月中旬平尾台につれあいと犬と一緒に行ってきました。夏らしい青空と真っ白な雲のコントラストに緑の草原は素晴らしい景色でした。
 草原ではパラグライダーも飛んでいました 先日のシンプルソースの応用例です。
 画像のサムネールの一つ一つにはスクリプトがないことに注目してください。

<
<<
平尾台の夏 2009年
<

初期画像へはメインの画像をクリックすると戻ります

以下ソースです。投稿の場合は改行を削除してください

<span style="font-size:0px; line-height: 18px;color:#ddd;">
<<div style="width:580px; padding:15px; border:ridge black 1px; background-color: #ddd;text-align:center;">
<center><<img id="p_idkey"
src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723678994bd6cb1b869cc_import.jpg"
style="border:solid white 2px; filter:progid:DXImageTransform.Microsoft.Iris(duration=3);" onclick="p_idkey.src='http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723678994bd6cb1b869cc_import.jpg';
t_idkey.innerText='平尾台の夏 2009年';" />
<<div id="t_idkey" style="width:380px; height:40px;
font-size: 12px;color:black; " >平尾台の夏 2009年</div>
<<div style="width:430px; height:80px; line-height: 0px;
background-color: #ddd;" onclick="p_idkey.filters[0].apply(); p_idkey.src=event.srcElement.src;
p_idkey.filters[0].play(); t_idkey.innerText=event.srcElement.name;" >
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679054bd6cb21909a2_import.jpg"
style="width:50px; border:solid white 1px;"
name="平尾台の広谷湿原へ行くにはこの駐車場に車をおいていく。最近きれいに整備されました" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679114bd6cb278a310_import.jpg"
style="width:50px; border:solid white 1px;"
name="青空を背景に草原にすっとのびやかに野ウドの花が咲いていました" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679174bd6cb2d6d4b3_import.jpg"
style="width:50px; border:solid white 1px;" name="萩の花も咲いていました"/>
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679234bd6cb33664ad_import.jpg"
style="width:50px; border:solid white 1px;"
name="カルスト台地のなだらかな曲線が心を和ませてくれます" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679294bd6cb391a631_import.jpg"
style="width:50px; border:solid white 1px;"
name="夏の平尾台の花の代表格の桔梗がたくさん咲いていました" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679354bd6cb3f2418e_import.jpg"
style="width:50px; border:solid white 1px;" name="カルスト台地特有の石灰岩でできた羊群" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679414bd6cb4501cad_import.jpg"
style="width:50px; border:solid white 1px;"
name="緑一面の中にオレンジ色の鬼ゆりの花は強烈な印象を与えます" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679474bd6cb4b10e41_import.jpg"
style="width:50px; border:solid white 1px;" name="しおからトンボでしょうか" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679534bd6cb511b877_import.jpg"
style="width:50px; border:solid white 1px;" name="ピンク色のオミナエシ" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679594bd6cb57366cb_import.jpg"
style="width:50px; border:solid white 1px;"
name="広谷湿原を下っていくと滝の音が聞こえてきます。青龍窟の滝です" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679654bd6cb5d0654c_import.jpg"
style="width:50px; border:solid white 1px;"
name="パラグライダーが気持ちよさそうに青空を飛んでいました"/>
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679704bd6cb62e4343_import.jpg"
style="width:50px; border:solid white 1px;" name="広谷湿原の鬼ゆり" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679774bd6cb690d481_import.jpg"
style="width:50px; border:solid white 1px;" name="おみなえし" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679834bd6cb6f09384_import.jpg"
style="width:50px; border:solid white 1px;" name="天気がよかったので蝶も嬉しそうでした" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679884bd6cb74eb0b4_import.jpg"
style="width:50px; border:solid white 1px;" name="烏瓜の花" />
<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723679954bd6cb7b0b337_import.jpg"
style="width:50px; border:solid white 1px;" name="駐車場の横の公園でおじさんが絵を描いていました" />
</div></center></div></span>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。