秋明菊 & オンマウス・スライドショー作成フォーム
![](https://blogimg.goo.ne.jp/img_emoji/clover.gif)
![]() | |||||
<秋明菊も咲きはじめました。 | |||||
|
久しぶりに、青空が見える朝を迎えました。
皆様のところは雨の被害はありませんでしたか?
被害を受けられた方には、心からお見舞いをもうしあげます。
蒸し暑いとは言っても、朝晩はすごく涼しくなりました。
あちこちに秋明菊を見かけます。
秋ですねぇ~~
![](https://blogimg.goo.ne.jp/img_emoji/pampas_mov.gif)
ところで、ここ1.2年パソコンをしてますと
かなり目が疲れるようになりました。
最近は糸くずが一個ちらつき、
どうも飛蚊症のようです。
そんなに気にはなりませんが・・・
主人も妹も、お友達にもそういう症状の方が大勢います。
どうも華麗から・・・もとーい!加齢からくるようです。
![](https://blogimg.goo.ne.jp/img_emoji/down.gif)
先日、娘が帰省した折、そんな話をしましたら、「置換」のやり方を
教えていってくれたのですが
その時に「もっと便利なものを誕生日のプレゼントに
作って送るから・・・・」と、
楽しみに待っていましたら、
このようなソースを組みたてて、送ってくれました。
まる2日かかったそうです。(笑)
non_non様が配信してくださるソースはとっても大好きで
いつも使っておりました。
が・・・
最近は目の疲れるので、使う回数が減っていました。
今回UPするのに、娘がつくってくれたフォームを使いましたら
あっという間・・・
![](https://blogimg.goo.ne.jp/img_emoji/up.gif)
涙が出るぐらい簡単(笑)なのです。
![](https://blogimg.goo.ne.jp/img_emoji/hand_goo.gif)
そして、涙が出るぐらい嬉しい・・・
![](https://blogimg.goo.ne.jp/img_emoji/heartss_pink.gif)
![](https://blogimg.goo.ne.jp/img_emoji/face_heart.gif)
![](https://blogimg.goo.ne.jp/img_emoji/heartss_pink.gif)
もしよろしかったら、皆様にも使って頂きたいと
リンクしました。
オンマウス・スライドショー作成フォーム
まず、
![](https://blogimg.goo.ne.jp/img_emoji/arrow_t.gif)
すると「オンマウス・スライドショー作成フォーム」が出ますから
そこに書き込むだけなのです。
使い方は↓を参考にしてくださいね。
![](https://blogimg.goo.ne.jp/img_emoji/pc2.gif)
■使い方
---------------------------------------------
1)スライドNO
---------------------------------------------
gwの隣の白い枠に半角数字を入力してください。
スライドNO というのは、「name」の番号です。
2回目から前の番号と重ならない様にしてくださいね。
ちなみに「id」は自然入力になります。
---------------------------------------------
2)画像のURLとコメント
---------------------------------------------
いつものように、ブログに画像をアップロードしたら、URLをコピーして、「URL」の欄に貼り付けてください。
その下に、その画像と一緒に表示されるコメントを書いてください。
このフォームは5枚用なので、画像はきっちり5枚にしてください。
---------------------------------------------
3)画像とサムネイル画像のサイズ
---------------------------------------------
使用する画像のサイズを入力してください。
サムネイルは適当でいいです。
---------------------------------------------
4)枠線の色
---------------------------------------------
色のコードを直接入力してもいいし、「色を選んでください」をクリックしてパレットからも選べます。
---------------------------------------------
5)枠線の太さ、線の種類
---------------------------------------------
適当に。
線の種類で溝線、稜線、沈み込み、浮き上がりを選ぶときは、線の太さは3以上にしてください。
---------------------------------------------
6)枠線と画像の間隔
---------------------------------------------
大きい画像と枠線の間の余白。
ここを0にすると、画像が枠内ぴっちりに表示されます。
---------------------------------------------
7)背景色、コメントの色
---------------------------------------------
4)に同じ。
最後に、「作成」を押すと、入力した条件を反映したソースが作成されます。
次に「プレビューで確認」を押すと、結果が別ウィンドウで表示されます。
いちいちブログに貼り付けなくても、見える状態を確認できます。
プレビューの結果がOKなら、枠の中に表示されたソースの上で右クリックして、コピーします。
それからブログの記事に貼り付けます。
以上で終了です。
★入力内容を変更したら、もう一度「作成」を押してね!
![](https://blogimg.goo.ne.jp/user_image/1d/0b/9f4689ca1911bfdaeb8e422251a32020.jpg)
メールにこのように書いてあったのに、少し補足をしました。
わからない場合はコメント下さ~~い。
![](https://blogimg.goo.ne.jp/img_emoji/kuma_wel.gif)
この形しかありませんが、とっても楽でしたので、
皆様に是非、活用していただきたいでーす。
![](https://blogimg.goo.ne.jp/img_emoji/kuri_1.gif)
コメント ( 22 ) | Trackback ( 0 )