おサポ上手

　一晩経ってようやく全てに合点がいった昨日のスライドショー。滅多に無いけど手順説明。ただしJavascriptを他所様からいただいただけなので、上手く動かなくてもフォローできません。（無責任）

Javascript配布元：Revamped Slideshow（by TripTracker）

1. slide.jsをダウンロード。使っているサーバーにアップ
2. 下記ソースをまるっとコピー
   <script src="http://blogNO.fc2.com/IDの一文字目/ID/file/slide.js" type="text/javascript"></script> <script type="text/javascript"> <!--   var viewer = new PhotoViewer();   viewer.add('http://blogNO.fc2.com/IDの一文字目/ID/file/aaaaa.jpg');   viewer.add('http://blogNO.fc2.com/IDの一文字目/ID/file/bbbbb.jpg');   viewer.add('http://blogNO.fc2.com/IDの一文字目/ID/file/ccccc.jpg');   viewer.add('http://blogNO.fc2.com/IDの一文字目/ID/file/ddddd.jpg');   viewer.add('http://blogNO.fc2.com/IDの一文字目/ID/file/eeeee.jpg'); //--></script> 　<a href="http://blogNO.fc2.com/IDの一文字目/ID/file/aaaaa.jpg" onclick="return viewer.show(0)"><img src="http://blogNO.fc2.com/IDの一文字目/ID/file/aaaaas.jpg" alt="aaaaa" border="0"></a> 　<a href="http://blogNO.fc2.com/IDの一文字目/ID/file/bbbbb.jpg" onclick="return viewer.show(1)"><img src="http://blogNO.fc2.com/IDの一文字目/ID/file/bbbbbs.jpg" alt="bbbbb" border="0"></a> 　<a href="http://blogNO.fc2.com/IDの一文字目/ID/file/ccccc.jpg" onclick="return viewer.show(2)"><img src="http://blogNO.fc2.com/IDの一文字目/ID/file/cccccs.jpg" alt="ccccc" border="0"></a> 　<a href="http://blogNO.fc2.com/IDの一文字目/ID/file/ddddd.jpg" onclick="return viewer.show(3)"><img src="http://blogNO.fc2.com/IDの一文字目/ID/file/ddddds.jpg" alt="ddddd" border="0"></a> 　<a href="http://blogNO.fc2.com/IDの一文字目/ID/file/eeeee.jpg" onclick="return viewer.show(4)"><img src="http://blogNO.fc2.com/IDの一文字目/ID/file/eeeees.jpg" alt="eeeee" border="0"></a> <br clear="all">
   src convert（by Harukiya Archives
3. 変更点は以下の通り
   1. アップしたJavascritpのURL

      <script src="http://blogNO.fc2.com/IDの一文字目/ID/file/slide.js" type="text/javascript"></script>

   2. 画像ファイル名１（script内）

      viewer.add('http://blogNO.fc2.com/IDの一文字目/ID/file/aaaaa.jpg');

   3. 画像ファイル名２（リンク先元画像）

      <a href="http://blogNO.fc2.com/IDの一文字目/ID/file/aaaaa.jpg" onclick="return viewer.show(0)">

   4. 画像ファイル名３（サムネイル）とalt属性

      <img src="http://blogNO.fc2.com/IDの一文字目/ID/file/aaaaas.jpg" alt="aaaaa" border="0">

   5. リンクタグ内を調整（３と同じ箇所）

      <a href="http://blogNO.fc2.com/IDの一文字目/ID/file/aaaaa.jpg" onclick="return viewer.show(0)">

      　ここの部分は、以下のように画像の順番にナンバリングしてください。上記ソースは表紙(0)含めて、５ファイル分になっています。それ以上増やす場合は数値を増やして追加してください。
      ただし、７ファイルスライドショーさせたら、そのページの表示自体がやたら重くなりました。スライドショーさせる画像数はほどほどに。

      <a href="〜〜" onclick="return viewer.show(0)"><img〜〜...>
      <a href="〜〜" onclick="return viewer.show(1)"><img〜〜...>
      <a href="〜〜" onclick="return viewer.show(2)"><img〜〜>

4. 注意事項
   一番最初に表示される画像は「表紙」の役割です。
   上記の「画像の順番にナンバリング」は、１記事内だけではありません。その時表示されたページ内にも適用しなくてはなりません。biscoさんの折りたたみメニューにチャレンジしたことのある人なら判るかも。

   　予測できるパターンとしては、「同一カテゴリ内でスライドショーを繰り返す可能性」でしょうか。全然試してませんが（また無責任）、おそらく（X）の数値は規則正しく増えなくても大丈夫ではないかと。なので、(100)(101)(102)......なんてので始まってもいけるかもね（いや、多分、よ）。
   また、月別ページを考えれば「一月に何度も使う」なんてのも、注意が必要です。多分。（最後まで無責任）

　繰り返しますが、Javascriptは全くわかりません。上手く行かなかった場合は自力で正しい答えを探し出すか、お風呂に入って早寝してください。（諦めろ）