スポンサーサイト

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

暑中お見舞い申し上げます ほんとうにご無沙汰です

今日は家の中にいると暑さでたまりませんので、朝からバイクで走り回っておりました。
 本当にみなさまご無沙汰しております。ブログの先頭に宣伝が入っておりますのでおかしいなあとも思いながらも、ほおっておきましたが、記事の更新がないと宣伝が入るんですと指摘していただき、恥ずかしいばかりです。

毎日ボソボソと呟いてばかりおりましたので、ブログのほうへは頭が回らなかった次第です。
 ということで、今日のところは、先日登りましたご近所の花尾山の夏げしきのクリックスライドをけいさいいたしました。あまり自信作ではありませんがご容赦ください。

ソースの説明

まず画像を01,02,03,04と連番付きでアップロードします。アップロードする画像ファイルのファイル名の先頭にわかりやすい名前を入れてもいいですね。たとえば hanao01 のように。画像の連番つけは手動でも出来ますが、私のどんぐりツールを使えば一括連番つけが可能です。

 そして最初の画像を、次のようにID付きで配置します。私の実際の投稿では、サイズの違う画像を真中に表示するためにテーブルを利用していますが、ソース説明のソースでは、画像ソースのみです。
FC2のブログではファイル名が連番付きで配置できますので簡単にスライドショーのソースを記述できますので、これを利用します。

<img id="p_idkey" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/01.jpg" onclick="f_idkey()" />

いつものように、IDなどは重複を避けるために _idkey を後ろにつけて、ソースに張り付けるときに _idkey を一括してその日の日付などに変換してやると、他の投稿とのIDや関数名のダブりを防ぐことが出来ます。

いかが投稿の最初に記述するスクリプトです。投稿設定で、改行が反映されないように設定することをお勧めします。改行する場合は<br/>タグを挿入します。

<script>
n_idkey=1;

function f_idkey() {
n_idkey++;
if(n_idkey>5) n_idkey=1;
p_idkey.src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/0"+n_idkey+".jpg";
}
</script>

コメントの投稿

非公開コメント

こんにちは~!

本当にお久し振りで~す。
再開して頂いて嬉しいです。
此れからドンドン難しくなっていくのでしょうね!
劣等性のtomoは、ついて行くのが大変でウロウロしています。
何度も読み返すことによって
少しは理解出来る様になるのかな?って思ってます。
此れからも宜しくお願い致します。

Tomoさまへ

FC2の方が簡単なところが多いとは思いますが、慣れるまでは応用の仕方がむつかしいかもしれません。我慢して頑張ってください。
FC2カウンター
プロフィール

dongwcat

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

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

この人とブロともになる

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