FC2ブログ

logs

スライドショーまとめ(1)

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

Javascript配布元:Revamped Slideshow(by TripTracker

  1. slide.jsをダウンロード。使っているサーバーにアップ
  2. 下記ソースをまるっとコピー
  3. 変更点は以下の通り
    1. アップしたJavascritpのURL

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

    2. 画像ファイル名1(script内)

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

    3. 画像ファイル名2(リンク先元画像)

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

    4. 画像ファイル名3(サムネイル)とalt属性

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

    5. リンクタグ内を調整(3と同じ箇所)

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

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

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

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

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


この記事へのトラックバック

http://cyaimi.blog5.fc2.com/tb.php/313-4a2dab04

SrCGuCyr
  • 2013/11/19
  • From : SrCGuCyr

SrCGuCyrうぇっぶ上手…になりたい - スライドショーまとめ(1) ......


シャネル チェーンウォレット
  • 2013/11/19
  • From : シャネル チェーンウォレット

シャネル チェーンウォレット私が持っている最近始めたサイト 、 情報はプランこれで助けた私大幅 。あなたの時間とすべての作業のために| おかげであなたに感謝し 。 ......


ニューバランス 574
  • 2013/11/11
  • From : ニューバランス 574

ニューバランス 574こんにちは 最愛の人 。私はしたいこのポストと言う 、 素敵書かれており、 が付属 約全てバイタルに関する情報です。 私はなりたい 探す |このような記事余分もっと 。 ......


ニューバランス 574
  • 2013/11/09
  • From : ニューバランス 574

ニューバランス 574やあ、 私はね本当に嬉しい私がしましたこの情報が見つかりました。 今日 |ゴシップについてあくまでもとインターネットブロガーが公開し、これは本当に 刺激 。良いウェブサイト 興味深いとコンテンツ、 {これが| それはだ}私は必要なもの。 ありがとう 、 私はよそれを訪問するこのを維持するため。あなたはニュースレターをしていますか? カントそれを見つける。 ......


クロムハーツ
  • 2013/10/24
  • From : クロムハーツ

クロムハーツI はもちろん 私の男は |来|結局|たまたま| たであることが判明した 良い素敵上にある 上 あなたのサイト と 突然 思い付いいたひどい 疑惑 感謝ウェブブログオーナー {彼らのために|それらの秘密|それらの戦略|それらの私はに敬意を表明することはありませんテクニック|それらのヒント} 。 店頭 {男の子|みんな|女性|男性|人|女性|少年|若い男性がであるように見えた|実際にされてい... ......


go
  • 2013/10/17
  • From : go

goうぇっぶ上手…になりたい - スライドショーまとめ(1) ......


この記事へのコメント

 はじめまして。

テンプレート作ってるpbと申します。
ずっと記事内でのスライドショーを探していたのですが、Trip Tracker、
一部設定の仕方が分からず、こちらの記事が大変役に立ちました。
これからメインブログの方で使わせていただきます。
ありがとうございました。

 Re: スライドショーまとめ(1)
  • 2007/05/21
  • cyaimi ♦qPsYJoI2
  • URL
  • [ 編集 ]

をを。滅多にしない「まとめ」書きをしたのが役に立ったのですね。何よりです。

自分ではほとんど使い道がなかったので、真っ当な使い方をされて
英語の壁に負けずに頑張った甲斐があります。

コメント投稿フォーム

Paging Navigation

Navigations, etc.