yukarikoの好きなもの
旅の写真や思い出
PCでの雑感を並べました。
 



『碑炉庵様の15枚の説明付きトラジション表示』のタグを
500*375の画像サイズに書き換えて使ってみました。
元画像はどちらも600*450のまま。縦・横の数字は適当に入れました。
このぐらいの大きさの方が見易いかも知れません。


><><
阪急池田駅高架横に立つ呉服神社鳥居
>
<><><><><><><><><><><><><><><>




コメント ( 1 ) | Trackback (  )




<>タグの記号の半角→全角に書き換えました。
昨夜画像が動かなかったのは、先の600*450タグと後からUPした500*375タグの
IDが同じの為で、うっかりと書き直しを忘れたからエラーになりました。
kazu様のコメントで見直して、大きなドジに気付きました。
初歩的エラーで済みません!


<span style="font-size:1px;color:#ffffff"><div style="position:relative;background-color:#ffffff;width:550;height:580;border:0px inset #638821;padding:10px;}">><<img id="a1" src="1番目画像"onclick="a1.src='1番目画像';b11.innerText='';"style="position:absolute;top:20;left:0;width:500;height:375;filter:revealTrans(duration=0.5,transition=15);"/>></span><span style="font-size:0px;color:#ffffff"><<div align="center" id="b11"style="position:absolute;top:405;left:6;font-size:18;color:#000000;width:500;height:30;padding:5px;">1番目説明</div>></span><div style="position:absolute; top:460; left:4; width:490;height:120;background-color:#ffffff;overflow:auto;white-space:normal;"><span style="font-size:0px;color:#ffffff"><<img border=0 src="1番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='1番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="2番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='2番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="3番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='3番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="4番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='4番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="5番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='5番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="6番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='6番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="7番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='7番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="8番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='8番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="9番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='9番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="10番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='10番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="11番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='11番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="12番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='12番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="13番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='13番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="14番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='14番目説明';" />></span><span style="font-size:0px;color:#ffffff"><<img border=0 src="15番目画像"style="width:90;height:63;"onclick="a1.filters.revealTrans.Apply();a1.src=this.src;a1.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;a1.filters.revealTrans.play();b11.innerText='15番目説明';" />></span></div></div>


コメント ( 6 ) | Trackback (  )