スポンサーサイト

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

前回投稿の3桁達成のBLOGスライドショーのソース

 前回投稿しました100枚の写真のスライドソースです
 枚数は何枚でもOKです。
 関数を使って、変更しやすいようにシンプルなソースに改良いたしました。
 縦長、横長の写真を中央に切り替えて表示できるようにしました。
 画像のサイズが変わったときは、ソースの変更が必要になります。
 写真のサイズは縦横どちらか大きい方のサイズが500ピクセルでアップしてください。
 縦長の写真は、
    setphoto('写真のURL',1);
 横長の写真は
    setphoto('写真のURL',0);
と変更してください。
枚数が変わったときは、最後の行の
    num++;if(num>99){num=1};">></span></div>
の99のところに、枚数より1少ない数字を入れてください。

枚数に制限はありませんが、あまり多くすると、投稿の文字数10000文字を超えてしまいますからその点をお気をつけください。

実際に投稿する場合には<>を半角に、訂正しやすいように改行を入れてありますが、改行をすべて削除してください。改行が残っていると正しく動きません。改行の削除はテラパッドや桜エディターなどのテキストエディターで、¥nを空白にすべて置換することで短時間で出来ます。

また画像のIDであるphotoもブログ中で特異なIDに変更するのを忘れないでください。IDはアイデンティティーの意ですから、ブログ中に1つ以上存在しないことになっています。


<div style="position:relative;height:540px;width:540;background-color:#222222"><div id="waku"style=""><span style="font-size:1px"><<img id="photo" src="写真01のURL" style="filter:revealTrans(duration=1,transition=0); position:absolute;top:20;left:104;"onClick="function setphoto(fname,tateyoko){photo.src=fname;if(tateyoko){photo.style.top=20;photo.style.left=104;}else {photo.style.top=104;photo.style.left=20;}}if(photo.filters.revealTrans.transition==0){photo.filters.revealTrans.transition=1;num=1;}photo.filters.revealTrans.Apply();switch(num){
case 1:
setphoto('写真02のURL',0);
break;
case 2:
setphoto('写真03のURL',0);
break;
case 3:
setphoto('写真04のURL',0);
break;
case 4:
setphoto('写真05のURL',0);
break;
case 5:
setphoto('写真06のURL',0);
break;
*******************************
  くりかえしですので中略
*******************************
case 97:
setphoto('写真98のURL',0);
break;
case 98:
setphoto('写真99のURL',0);
break;
case 99:
setphoto('写真100のURL',0);
break;
}photo.filters.revealTrans.transition=Math.floor(Math.random()*21)+1;
photo.filters.revealTrans.Play();
num++;if(num>99){num=1};">></span></div>

コメントの投稿

非公開コメント

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

dongwcat

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

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

この人とブロともになる

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