下は、八枚の画像を菱形にならべてみました。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>
A <>は、半角にしてください。
B idは、ひとつの画像にたいして11個ありますが、今までに、ここに表示されているこのid番号を使用したことがなければこのままでだいじょうぶです。
C 画像①~画像⑧までは、拡大画像URLを入れてください。
<
<
<
<
<
<
<
<![](https://blogimg.goo.ne.jp/user_image/45/50/d2031386bac41deb5a8601a556eefe1b.jpg)
![](https://blogimg.goo.ne.jp/user_image/39/b6/27a15df2cef2482ecac6cbb3a85cdeba.jpg)
![](https://blogimg.goo.ne.jp/user_image/59/df/3667ee7162d60b3a3cc9d470c0135038.jpg)
![](https://blogimg.goo.ne.jp/user_image/3e/65/8549b16bd1b0a319e56c6bb41e72bbfb.jpg)
![](https://blogimg.goo.ne.jp/user_image/06/de/5324c90e0f596e5c1b49b58955d69b46.jpg)
![](https://blogimg.goo.ne.jp/user_image/22/c6/e3ba1cef95cf26963fd35eed8cbe7b70.jpg)
![](https://blogimg.goo.ne.jp/user_image/1c/4b/05efda358f8d1d63d00af841d92e9d88.jpg)
![](https://blogimg.goo.ne.jp/user_image/57/9e/bb80a1b77884a68d1f56e6b8d21bcd68.jpg)
![](https://blogimg.goo.ne.jp/user_image/45/50/d2031386bac41deb5a8601a556eefe1b.jpg)
<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>
わたしも、皆さんから、お勉強させていただいたのですが、テンプレートによっても、表示されないという事を知りました。たしかに出羽ママさんのテンプレートは私のよりも大分小さいように思います。拡大画像の大きさを少しちいさくするとよいのでしょうが、すると、サムネイルの配置のtop,left の位置も変えなくてはならないかと思います。わたしも、良くわからなくて、これからお勉強してみたいと思います。お答え出来なくてごめんなさいね。てんぷれーとによっては表示されないこともあるのだと言うことを知ることが出来良かったと思っています。ありがとう!
画像8枚拡大ソースを先日お借りしました、出ママです。
実は啓さんやみなさんのコメントも参考に、
何度もアップを試したのですが、残念です。。(泣
編集画面ではちゃんと表示なるのですが、
何度やり直してもダメでした。
やはりテンプレートの大きさなのでしょうか?
因みに私の投稿欄はwidth600しかありません。
何とかアップできる方法、アドバイスがありましたら
教えていただけないでしょうか?
タグ記号などには無知なママです。
面倒な事をお願いして申し訳ありません。
よろしくお願いします。
今お伺いしてきました。
可愛い画像でupしてありました。使ってくださり嬉しいです。これからもよろしくお願いします。
ソースをお借りしたみつばちです
何とかUP出来ました
ありがとうございます
(^人^)感謝♪です
これからもよろしく
はじめてお邪魔します
八枚の画像をひし形に並べたソースお借しください
素敵です
是非試してみたいと思います
はじめてであつかましくごめんなさい!
又お邪魔させてくださいね
宜しかったら、ソース使ってくださいね。
今nanaさんのところにお伺いしました。
詩を読んでいるような素敵なブログでした。
これからもよろしくお願いします。
テンプレートでしたか。
わたしも、参考になりました。
良かったです。
今朝、テンプレートを変えて見たら
出来ました。やっぱり狭かったのねぇ
有難うございました
啓さまのお部屋でひし形拡大画像を拝見して、bellさまの所へお邪魔致しました。
写真が揃いましたら、是非お借りしてupしてみたいと思います。
↓ 8月26日upのテストです も、目新しい画像でとてもいいですね。
これからも色んな技を楽しみに、寄せていただきます
宜しくお願い致します。
編集画面だは出来ているのよ。
テンプレートを前のに変えたら出来ましたが
変えたばかりなので・・・・。
いつもありがとうございます。
公開したタグはご自由にお使いいただけると嬉しいです。
どんぐりさんのソースに少し手を加えただけなのです。
今後もよろしくお願いします。
啓さんの所に伺ってきました。
左の、文章の下にソースを張って見てください。
あるいは、ソースの最初と最後の<center>と</center>を外してみてください。
これでうまくいくと良いのですが・・。
右上の4枚の花びらが気にかかります~ 笑
タグの公開 素晴らしいです
いつも感心しながら拝見しています。
先日のカボチャに使ってたマーキー これかな?と
似たようなのをお借りして編集してみましたが
upすると タグがアルファベットでそのまま表示されてしまいました。
いつもの事なんですが・・・・
今回のタグ お借りして帰りますね。
まだ画像が揃ってないので 溜まり次第upさせていただきます。
ありがとうございます。
編集画面では出ますが幅が狭くて
出ません???
テンプレートのせいでしょうか?
ソースをお借りして早速
今朝、
嬉しくて・・・。
ありがとうございました
今さざんかさんのところにお伺いして来ました。
リホームは体調を崩しやすいですね。この夏は異常でしたから・・。
中々再開されないので、大分リホームに時間が掛かっているのではと思って居ました。お元気になられて良かったです。
これからもよろしくお願いします。
オハヨウございます
リフォームの間、体調を崩してしまって
大変な目にあいました。
夏の改装は、もうこりごりです
今日から、やっとブログ更新しました
これからも、今まで同様宜しくお願いします
しばらくお邪魔していない間に
新技が素晴らしいですね
これからもご指導の程を宜しくお願いします
ソースをご利用いただけるとうれしいです。
カボチャの画像は、万華鏡のように表示してみました。
ただ上下左右に動かしただけなのですが、ちょっと不思議な感じに見えるようです。
お花の名前は、わたしは、どうも覚えられなくて、もっぱらインターネットからお借りするばかりです。
ソースは、使って頂ければとても嬉しいです。
ソースの公開有難うございます、
私ら応用もままなりません、
この間のマーキー利用の南瓜の画像
面白いですね、またソース公開してください、
私は今までのソースのおさらいです。
ソースもさることながらお花が綺麗ですね。
右側のピンクの花はなんでしょう。
トルコ桔梗ですか?
4枚花びらのはペンタスとも違うようですし
いつも見に来てくださり、ありがとうございます。
どうぞ、ソースお使いください。うれしいです。
今後ともよろしくお願いします。
このソースお使いくだされば嬉しいです。
今すごい土砂降りの雨でこれ以上降られたら、床下浸水になるのではと心配でしたが、少し小降りになりました。
我が家は、昔越してきたので、土地が少し回りの家より低いのです。
はじめまして何時も拝見させて頂いております
まつ様の後輩のうららと申します、
どんぐり様のタグに何時も挑戦させて頂いて
居りますが、難しくまつ様に何時も助けて
頂いております。
本日タグ無断で拝借させて頂きました
今後とも宜しくご指導お願いいたします。
奇麗なお花がひし形に入っていますね。
優しいわ~
帰ります
有難うございました
応用問題が苦手な啓ですから
何時も教えて頂き感謝しています。
優しいbellさまへ