スライドショーの作り方

スライドショー②

今日は新しいスライドショーのサイトをご紹介いたします。

Ｐｉｃｔｕｒｅｔｒａｉｌと言うサイトです。

皆さんもご覧になった事があると思いますが、

例えば、下の様なちょっと楽しいスライドショーを作ることが出来るサイトです。

（　６面体　）

http://flash.picturetrail.com/pflicks/2/acrobat_cube.swf?ql=2&src1=http://pic20.picturetrail.com/VOL1417/9735995/flicks/1/1957749&src2=http://widgetize.picturetrail.com/flicks/1957749

（　パズル　）

http://flash.picturetrail.com/pflicks/3/spflick.swf?http://pic20.picturetrail.com/VOL1417/9735995/flicks/1/2857453&src2=http://widgetize.picturetrail.com/flicks/2857453

（　浮かぶ画像　）

http://flash.picturetrail.com/pflicks/3/spflick.swf?http://pic20.picturetrail.com/VOL1417/9735995/flicks/1/2657834&src2=http://widgetize.picturetrail.com/flicks/2657834

ーーー作り方ですーーー

①　(　スライドショー①を参照して　)、サイトへ行って登録してください。

②　登録が済んで　「　Ｌｏｇ　ｉｎ　」　したら　「　Ｓｌｉｄｅｓｈｏｗ　」　をクリック。

( 私は既にＬｏｇｉｎしているので、出てくる画面は同じ画面ではありません。）

③　「　Ａｄｄ　ｐｈｏｔｏｓ　」　をクリック。

④　「　Ｍｙ　ｃｏｍｐｕｔｅｒ　」　から画像を必要なだけ取り込みます。
　　　その後　「　Ｕｐｌｏａｄ　Ｎｏｗ　」　をクリック。

⑤　「　Ｇｏ　ｔｏ　ｐｈｏｔｏｓ　」　をクリック。
　　

⑥　アルバムから今回使う分だけ選択して、「　Ａｄｄ　ｓｅｌｅｃｔｅｄ　ｐｈｏｔｏｓ　」をクリック。
　　その後　「　Ｃｕｓｔｏｍｉｚｅ　Ｆｌｉｃｋ　」　をクリック。

⑦　使用したいスライドショーを選びます。（何度でも選び直すことが出来ます）

⑧　選択したスライドショーによって、キラキラを付けたりできます。

⑨　もっと画像を追加したい場合は　「　Ａｄｄ　ｐｈｏｔｏｓ　」　へ戻る事も出来ますし、
　　それで宜しければ　「　Ｓａｖｅ　」　をクリック。　

⑩　「　Ｓａｖｅ　＆　Ｇｅｔ　Ｃｏｄｅ　」　をクリック。

⑪　Ｃｏｄｅの上で右クリックして、ＣｏｄｅをＣｏｐｙして下さい。

☆☆　さて、このコードは非常に長いものですが、使うのは２つのＵＲＬだけです。

①　まず、「　新規投稿　」　ページにコピーした総てのタグを貼り付けて、「　確認　」　をクリック。

②　確認ページにはＵＲＬにアンダーラインが引かれていますが、
　　このうちの　＜embed src＞で始まる [http～swf] のＵＲＬと次の [http～数字] の書いてあるＵＲＬをコピーしてください。

③　この２つのＵＲＬを[[embed(http①？http②,1,450,400)]]　と言う具合に？でつなぎます。　
　　後ろの450,400は画像のサイズなので、変える事が出来ます。 （　半角整数でスペースは空けません　）

　　例えば、↑上のパズルスライドショーのタグは下のとおり長いものですが、

<div style="visibility:visible"><embed src="http://flash.picturetrail.com/pflicks/3/spflick.swf" quality="high" FlashVars="ql=2&src1=http://pic20.picturetrail.com/VOL1417/9735995/flicks/1/2857453&src2=http://widgetize.picturetrail.com/flicks/2857453" wmode="transparent" bgcolor="#000000" width="460" height="350" name="puzzle" align="middle" allowScriptAccess="sameDomain" style="height:350px;width:460px" type="application/x-shockwave-flash"></embed><p style="whitespace:no-wrap;margin-top:10px;height:24px"><a href="http://www.picturetrail.com/misc/counter.fcgi?link=%2FphotoFlick%2Fsamples%2Fpflicks.shtml&cID=924"><img align="left" src="http://pics.picturetrail.com/res/pflicks/pt.gif" border="0"></a><a href="http://www.picturetrail.com/misc/counter.fcgi?link=%2FphotoFlick%2Fsamples%2Fpflicks.shtml&cID=925"><img align="left" style="margin-left:5px" src="http://pics.picturetrail.com/res/pflicks/pt2.gif" border="0"></a></p>
</div>

　実際に　「　新規投稿ページ　」　に貼り付けるタグは、↓下の様になります。

[[embed(http://flash.picturetrail.com/pflicks/3/spflick.swf?http://pic20.picturetrail.com/VOL1417/9735995/flicks/1/2857453&src2=http://widgetize.picturetrail.com/flicks/2857453,1,450,400)]]

☆☆　慣れるまでは、難しいと思いますが、
２，３度試すうちには簡単に出来るようになりますので、是非やってみてください。☆☆