Bell おばさん

日々の記録

「画像8枚拡大ソース」です。

2008年08月29日 | 拡大ソース
下は、八枚の画像を菱形にならべてみました。8月11日にupしたもので画像をクリックすると拡大するものです。どんぐりさんの「3枚拡大ソース」を参考にさせていただきました。ソースを下の方に表示してみました。よろしかったら、ご利用ください。
A <>は、半角にしてください。
B idは、ひとつの画像にたいして11個ありますが、今までに、ここに表示されているこのid番号を使用したことがなければこのままでだいじょうぶです。
C 画像①~画像⑧までは、拡大画像URLを入れてください。


<
<<<<<<<<


<center><span style="font-size:1px;color:#cccccc"><<div style="position:relative;width:440;height:370;background-color:#cccccc;"> <<img border=1 style="position: absolute;z-Index:3;top:270;left:170" id="p0808081" width=100 src="画像①" onclick="if(p0808081.width<300){p0808081.style.zIndex=99; p0808081.style.top=10;p0808081.style.left=10;kakudai1 = setInterval('{w=p0808081.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808081.width=w;}',2);}else{p0808081.style.zIndex=3;p0808081.style.top=270;p0808081.style.left=170; p0808081.width=100;}" /><<img border=1 style="position: absolute; z-Index:2;top:205;left:90" id="p0808082" width=100 src="画像②" onclick="if(p0808082.width<300){p0808082.style.zIndex=99;p0808082.style.top=10;p0808082.style.left=10;kakudai1 = setInterval('{w=p0808082.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808082.width=w;}',2);}else{p0808082.style.zIndex=2;p0808082.style.top=205;p0808082.style.left=90; p0808082.width=100;}" /><<img border=1 style="position: absolute; z-Index:1;top:140;left:10" id="p0808083" width=100 src="画像③" onclick="if(p0808083.width<300){p0808083.style.zIndex=99; p0808083.style.top=10;p0808083.style.left=10;kakudai1 = setInterval('{w=p0808083.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808083.width=w;}',2);}else{p0808083.style.zIndex=1;p0808083.style.top=140;p0808083.style.left=10; p0808083.width=100;}" /><<img border=1 style="position: absolute;z-Index:2;top:205;left:250" id="p0808084" width=100 src="画像④" onclick="if(p0808084.width<300){p0808084.style.zIndex=99; p0808084.style.top=10;p0808084.style.left=10;kakudai1 = setInterval('{w=p0808084.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808084.width=w;}',2);}else{p0808084.style.zIndex=2;p0808084.style.top=205;p0808084.style.left=250; p0808084.width=100;}" /><<img border=1 style="position: absolute; z-Index:2;top:75;left:90" id="p0808085" width=100 src="画像⑤" onclick="if(p0808085.width<300){p0808085.style.zIndex=99;p0808085.style.top=10;p0808085.style.left=10;kakudai1 = setInterval('{w=p0808085.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808085.width=w;}',2);}else{p0808085.style.zIndex=2;p0808085.style.top=75;p0808085.style.left=90; p0808085.width=100;}" /><<img border=1 style="position: absolute; z-Index:1;top:140;left:330" id="p0806086" width=100 src="画像⑥" onclick="if(p0806086.width<300){p0806086.style.zIndex=99; p0806086.style.top=10;p0806086.style.left=10;kakudai1 = setInterval('{w=p0806086.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0806086.width=w;}',2);}else{p0806086.style.zIndex=1;p0806086.style.top=140;p0806086.style.left=330; p0806086.width=100;}" /><<img border=1 style="position: absolute; z-Index:2;top:75;left:250" id="p0808087" width=100 src="画像⑦" onclick="if(p0808087.width<300){p0808087.style.zIndex=99;p0808087.style.top=10;p0808087.style.left=10;kakudai1 = setInterval('{w=p0808087.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808087.width=w;}',2);}else{p0808087.style.zIndex=2;p0808087.style.top=75;p0808087.style.left=250; p0808087.width=100;}" /><<img border=1 style="position: absolute; z-Index:3;top:10;left:170" id="p0808088" width=100 src="画像⑧" onclick="if(p0808088.width<300){p0808088.style.zIndex=99; p0808088.style.top=10;p0808088.style.left=10;kakudai1 = setInterval('{w=p0808088.width;w+=15;if(w>480){w=490;clearInterval(kakudai1);}p0808088.width=w;}',2);}else{p0808088.style.zIndex=3;p0808088.style.top=10;p0808088.style.left=170; p0808088.width=100;}" /></div></span></center>

最新の画像もっと見る

25 コメント

コメント日が  古い順  |   新しい順
出羽ママさんへ (bell)
2008-09-25 19:06:25
出羽ママさん、こんばんは!

わたしも、皆さんから、お勉強させていただいたのですが、テンプレートによっても、表示されないという事を知りました。たしかに出羽ママさんのテンプレートは私のよりも大分小さいように思います。拡大画像の大きさを少しちいさくするとよいのでしょうが、すると、サムネイルの配置のtop,left の位置も変えなくてはならないかと思います。わたしも、良くわからなくて、これからお勉強してみたいと思います。お答え出来なくてごめんなさいね。てんぷれーとによっては表示されないこともあるのだと言うことを知ることが出来良かったと思っています。ありがとう!
返信する
こんにちわ。 (出ママ)
2008-09-25 11:17:11
Bellさん先日はありがとうございました。。。
画像8枚拡大ソースを先日お借りしました、出ママです。
実は啓さんやみなさんのコメントも参考に、
何度もアップを試したのですが、残念です。。(泣
編集画面ではちゃんと表示なるのですが、
何度やり直してもダメでした。
やはりテンプレートの大きさなのでしょうか?
因みに私の投稿欄はwidth600しかありません。
何とかアップできる方法、アドバイスがありましたら
教えていただけないでしょうか?
タグ記号などには無知なママです。
面倒な事をお願いして申し訳ありません。
よろしくお願いします。
返信する
みつばちさんへ (bell)
2008-09-13 10:57:25
みつばちさん、こんにちは!

今お伺いしてきました。
可愛い画像でupしてありました。使ってくださり嬉しいです。これからもよろしくお願いします。
返信する
UPしました! (みつばち)
2008-09-11 18:13:54
bellさま
ソースをお借りしたみつばちです
何とかUP出来ました
ありがとうございます
(^人^)感謝♪です

これからもよろしく
返信する
初めまして! (みつばち)
2008-09-09 22:31:28
今晩は(^ー^)ノ
はじめてお邪魔します
八枚の画像をひし形に並べたソースお借しください
素敵です
是非試してみたいと思います
はじめてであつかましくごめんなさい!
又お邪魔させてくださいね
返信する
nana さんへ (bell)
2008-09-04 16:09:48
nanaさん、こんにちは!

宜しかったら、ソース使ってくださいね。

今nanaさんのところにお伺いしました。
詩を読んでいるような素敵なブログでした。
これからもよろしくお願いします。
返信する
啓さんへ  (bell)
2008-09-04 16:04:08
啓さん、こんにちは!

テンプレートでしたか。
わたしも、参考になりました。
良かったです。
返信する
おはよう! ()
2008-09-04 05:54:26
bellちゃん
今朝、テンプレートを変えて見たら
出来ました。やっぱり狭かったのねぇ
有難うございました
返信する
はじめまして (nana)
2008-09-03 21:20:33
こんばんは!!
啓さまのお部屋でひし形拡大画像を拝見して、bellさまの所へお邪魔致しました。
写真が揃いましたら、是非お借りしてupしてみたいと思います。
↓ 8月26日upのテストです も、目新しい画像でとてもいいですね。
これからも色んな技を楽しみに、寄せていただきます
宜しくお願い致します。
返信する
bellちゃん ()
2008-09-03 20:24:47
今晩は、どちらのも試しましたが駄目でした。
編集画面だは出来ているのよ。
テンプレートを前のに変えたら出来ましたが
変えたばかりなので・・・・。
返信する
ポピーさんへ (bell)
2008-09-03 19:52:27
ポピーさん、こんばんは!

いつもありがとうございます。

公開したタグはご自由にお使いいただけると嬉しいです。
どんぐりさんのソースに少し手を加えただけなのです。
今後もよろしくお願いします。
返信する
啓さんへ (bell)
2008-09-03 19:47:04
啓さん、こんばんは!

啓さんの所に伺ってきました。

左の、文章の下にソースを張って見てください。

あるいは、ソースの最初と最後の<center>と</center>を外してみてください。
これでうまくいくと良いのですが・・。
返信する
こんにちは♪ (ポピー)
2008-09-03 18:49:27
お花と背景の配色がいいですね~
右上の4枚の花びらが気にかかります~ 笑

タグの公開 素晴らしいです 
いつも感心しながら拝見しています。
先日のカボチャに使ってたマーキー これかな?と
似たようなのをお借りして編集してみましたが
upすると タグがアルファベットでそのまま表示されてしまいました。
いつもの事なんですが・・・・ 難しいです
今回のタグ お借りして帰りますね。
まだ画像が揃ってないので 溜まり次第upさせていただきます。
ありがとうございます。
返信する
追伸 ()
2008-09-03 04:34:14
bellちゃん
編集画面では出ますが幅が狭くて
出ません???
テンプレートのせいでしょうか?
返信する
お知らせ! ()
2008-09-03 04:25:11
bellちゃん
ソースをお借りして早速
今朝、しました。
嬉しくて・・・。
ありがとうございました
返信する
さざんかさんへ (bell)
2008-09-01 11:52:11
さざんかさん、こんにちは!

今さざんかさんのところにお伺いして来ました。
リホームは体調を崩しやすいですね。この夏は異常でしたから・・。
中々再開されないので、大分リホームに時間が掛かっているのではと思って居ました。お元気になられて良かったです。
これからもよろしくお願いします。
返信する
Unknown (さざんか)
2008-09-01 10:28:22
bellさん
オハヨウございます
リフォームの間、体調を崩してしまって
大変な目にあいました。
夏の改装は、もうこりごりです

今日から、やっとブログ更新しました
これからも、今まで同様宜しくお願いします

しばらくお邪魔していない間に
新技が素晴らしいですね
これからもご指導の程を宜しくお願いします
返信する
まつさんへ (bell)
2008-08-31 15:27:24
まつさん、こんにちは!

ソースをご利用いただけるとうれしいです。

カボチャの画像は、万華鏡のように表示してみました。
ただ上下左右に動かしただけなのですが、ちょっと不思議な感じに見えるようです。
返信する
シロさんへ (bell)
2008-08-31 15:19:44
シロさん、こんにちは!
お花の名前は、わたしは、どうも覚えられなくて、もっぱらインターネットからお借りするばかりです。

ソースは、使って頂ければとても嬉しいです。
返信する
素晴らしい (まつ)
2008-08-31 09:17:58
BELLさん
ソースの公開有難うございます、
私ら応用もままなりません、
この間のマーキー利用の南瓜の画像
面白いですね、またソース公開してください、
私は今までのソースのおさらいです。
返信する
嬉しいわ (シロ)
2008-08-31 08:10:12
ソースお借りしますね。

ソースもさることながらお花が綺麗ですね。
右側のピンクの花はなんでしょう。
トルコ桔梗ですか?
4枚花びらのはペンタスとも違うようですし
返信する
うららさんへ (bell)
2008-08-30 18:43:50
うららさん、こんばんは!

いつも見に来てくださり、ありがとうございます。
どうぞ、ソースお使いください。うれしいです。
今後ともよろしくお願いします。
返信する
啓さんへ  (bell)
2008-08-30 18:34:58
啓さん、こんばんは!

このソースお使いくだされば嬉しいです。

今すごい土砂降りの雨でこれ以上降られたら、床下浸水になるのではと心配でしたが、少し小降りになりました。
我が家は、昔越してきたので、土地が少し回りの家より低いのです。
返信する
はじめまして (うらら)
2008-08-30 11:41:17
Bellおばさん
はじめまして何時も拝見させて頂いております
まつ様の後輩のうららと申します、
どんぐり様のタグに何時も挑戦させて頂いて
居りますが、難しくまつ様に何時も助けて
頂いております。
本日タグ無断で拝借させて頂きました
今後とも宜しくご指導お願いいたします。
返信する
今晩は。 ()
2008-08-29 19:39:19
bellさま
奇麗なお花がひし形に入っていますね。
優しいわ~早速ソースコピーして
帰ります
有難うございました
応用問題が苦手な啓ですから
何時も教えて頂き感謝しています。
優しいbellさまへ
返信する