JimdoでJqueryを使わないスライドショー

Jimdoでは、Jqueryを使うと、コンフリクトの関係で設定がちょっと面倒なので、Jqueryを使わないJavascriptを利用します。

１、配布元のBrand Spanking Newよりcrossfaderをダウンロードします。

２、ダウンロードした「bsn.Crossfader.js」をレイアウト⇒独自レイアウト⇒ファイルからアップします。

３、スライドショーで表示させたい画像をレイアウト⇒独自レイアウト⇒ファイルからアップします。

４、それぞれのファイルのURLを取得します。（レイアウト⇒独自レイアウト⇒ファイルで表示されるファイル一覧の上でマウス右クリック⇒画像が表示される⇒再度画像の上で右クリック⇒で「画像URLをコピー」を選ぶ）

5、スライドを表示させるページに「ウィジェット/HTML」で以下を追加。ページ内どこでもいいです。
------------------------------

//<![CDATA[

var cf = new Crossfader( new Array('cf0','cf1','cf2','cf3'), 1500, 2000 );

//]]>

</script>
------------------------------

６、スライドショー表示部分はこんな感じ。
上記、５、で設定した番号(cf0,cf1,cf2,cf3)を以下のidに記載すること。

------------------------------
<ul>

</ul>

------------------------------

Jimdoの機能テストサイト

JimdoでJqueryを使わないスライドショー