スポンサーサイト

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

マックでも動く紙芝居スライドショーテンプレート

マックでも動くスライドショー「紙芝居」のスクリプトを公開いたします。
トラブルの原因がまたスタイルの値の単位 px を明示的に代入していなかった問題でした。何度やっても反省がないので情けないですね。年のせいにしておきます。

サイトにも訂正したものを加えてアップしております。

<>¥の3文字は半角に、改行は削除してください。

<span style="font-size:0px; color:white;">
<<div id="var_idkey" style="font-style:normal;width:0px;height:0px; z-index:0;">
</div>
<<div style="width:320px; height:240px; position:relative;overflow:hidden;"
onclick="d=0;n=var_idkey.style.zIndex;n=n-0+1;if(n>8) n=1;
var_idkey.style.zIndex=n;for(i=0; i<9;i++)
{ document.getElementById('p_idkey'+i).style.zIndex=0;}
document.getElementById('p_idkey'+n).style.zIndex=99;if(n==1)
{p2=8;}else{p2=n-1;}if(var_idkey.style.fontStyle=='normal'){var_idkey.style.fontStyle='italic';intv_idkey=setInterval('{d+=5;pos=d-320;
document.getElementById(¥'p_idkey¥'+n).style.left=pos+¥'px¥';
if(pos==0){document.getElementById(¥'p_idkey¥'+p2).style.left=-320+¥'px¥';
var_idkey.style.fontStyle=\'normal\';
clearInterval(intv_idkey);}}',10);}">
<<img style="position:absolute; top:0px;left:0px;" src="photo00" id="p_idkey0" />
<<img style="position:absolute; top:0px;left:-320px;"src="photo01" id="p_idkey1" />
<<img style="position:absolute; top:0px;left:-320px;"src="photo02" id="p_idkey2" />
<<img style="position:absolute; top:0px;left:-320px;"src="photo03" id="p_idkey3" />
<<img style="position:absolute; top:0px;left:-320px;"src="photo04" id="p_idkey4" />
<<img style="position:absolute; top:0px;left:-320px;"src="photo05" id="p_idkey5" />
<<img style="position:absolute; top:0px;left:-320px;"src="photo06" id="p_idkey6" />
<<img style="position:absolute; top:0px;left:-320px;"src="photo07" id="p_idkey7" />
<<img style="position:absolute; top:0px;left:-320px;"src="photo08" id="p_idkey8" />
</div>
</span>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

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

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

この人とブロともになる

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