スポンサーサイト

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

夏 樫原湿原の花とこん虫たち

 樫原湿原の夏は珍しい花がさきほこり、ハッチョウトンボをはじめ絶滅危惧種の昆虫が
地元の方々のご尽力で守られています。
 写真は10枚、クリックするごとに切り替わります。


<
<<<<<<<<<<<


このソースは私がいま一番シンプルだと思われる作り方で作成しました。
その仕組みは、直前の投稿で書いていますから参考にしてください。
このスライドショーにトランジションをつけるのもそんなに難しくはありませんが、
ソースが煩雑になるのをさけて、最低限の機能に特化いたしました。

<span style="font-size:0px; color:white; ">
<<div style="width:600px; height:448px; position:relative; z-index:1; border:solid 1px black; overflow:hidden; " onclick="n=this.style.zIndex; n++; if(n>10)n=1; for(i=1; i<11; i++) getElementById('kasihara'+i).style.visibility='hidden'; getElementById('kasihara'+n).style.visibility='visible'; this.style.zIndex=n; " >
<<img id="kasihara1" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677214bd6ca6991883_import.jpg" style="position:absolute; top:0px; left:0px; visibility:visible; " />
<<img id="kasihara2" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677284bd6ca700bf9f_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
<<img id="kasihara3" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677344bd6ca767408c_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
<<img id="kasihara4" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677404bd6ca7cc2a3f_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
<<img id="kasihara5" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677474bd6ca8300403_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
<<img id="kasihara6" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677534bd6ca8937780_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
<<img id="kasihara7" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677594bd6ca8f5f616_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
<<img id="kasihara8" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677654bd6ca95884ac_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
<<img id="kasihara9" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677714bd6ca9bf1b65_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
<<img id="kasihara10" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723677784bd6caa29f707_import.jpg" style="position:absolute; top:0px; left:0px; visibility:hidden; " />
</div></span>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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