lightboxのような、画像をクリックするタイプのスライドショーではなく、
操作をしなくても画像が自動的にフェードして変わっていくものを
トップページに演出として設けたいと思っています。
それでCrossSlideというJqueryのプラグインを見つけました。
解説をしてくれているサイトさんを見つけて読んでみたものの、
初心者なもので、導入方法がさっぱりわかりません。どうかご教授下さい。
--------------------------------------------------------------------
●任意のディレクトリにダウンロードしたjquery.cross-slide.jsをアップします。
--------------------------------------------------------------------
質問1…任意のディレクトリとは、どこでも良いということでしょうか。
(例えば今使っているテーマフォルダの中など)
---------------------------------------------------------------------
●<script src="jquery.cross-slide.js" type="text/javascript"></script>
---------------------------------------------------------------------
質問2…上記の記述をするらしいのですが、どこに入れれば良いのかわかりません。
-------------------------------------------------------------
●表示するJSを記述
<script type='text/javascript' id='source-test1'>//<![CDATA[
$(function() {
$('#test1').crossSlide({
speed: 45, //px/sec
fade: 1 //sec
}, [
{ src: 'img/FC021_L.jpg', dir: 'up' },
{ src: 'img/FC029_L.jpg', dir: 'down' },
{ src: 'img/FC034_L.jpg', dir: 'up' },
{ src: 'img/FC078_L.jpg', dir: 'down' },
{ src: 'img/FC105_L.jpg', dir: 'up' },
{ src: 'img/FC144_L.jpg', dir: 'down' },
{ src: 'img/FC173_L.jpg', dir: 'up' }
]);
});
//]]></script>
<div id='test1'>Loading...</div>
「#test1」には、DIVなど任意のブロック要素名を配置します。
-----------------------------------------------------
質問3…このJSをどこに記述すれば良いのでしょうか。
実は任意のブロック要素名を配置という意味もわかりません。
正直僕のスキルでは荷が重いカスタマイズだと思うのですが、
簡単に使えるスライドショーのプラグインが見つからなくて。。
(ほとんどが画像をクリックしないと始まらないタイプ)
非常に弱っております。
どうかよろしくお願いいたします。