bxSliderの設定について

[堀米雄樹]

お世話になっております。

a-blog cmsに標準で付いているスライダーの設定を変更しようとしています。

http://www.a-blogcms.jp/support/tips/plusOne/bxslider.html

上記を見たのですが、今ひとつ要領がつかめません。

a-blog本体のjsフォルダに有るconfig.jsを利用しているテーマの中にコピーして

該当部分だけ編集、/include/head/js.htmlから読み込みというような認識でよろしいでしょうか？

この方法で全く変化が出ないので質問させていただきました。

分かる方がいらっしゃいましたらよろしくお願い致します。

[a-blog cms forum]

bxsliderの設定は任意のものに上書きできます。
このソースはbxsliderを使っているページのindex.jsの下辺りに記述します。

<script>
ACMS.Config.bxsliderConf =
{
    mode            : 'fade', // horizontal | vertical | fade
    speed            : 800,
    captions        : true,
    auto            : true,
    pause            : 6000,
    adaptiveHeight    :true
};
</script>

アニメーションのモードを変えたときにreset.cssのulの左側に余白がついていてずれる可能性があるので、CSSにも追記してください。

<style>
.bx-viewport ul{
    padding-left: 0;
}
</style>

[堀米雄樹]

a-blog cms forum 様

ありがとうございます！

ご享受いただいた方法で変更することが出来ました。

あと、実はもう一つ動かなかった原因があって、js.htmlに

<script type="text/javascript" src="/js/config.js"></script>

と書き込んでいたのがまずかったらしく、ファイルの名前をbxslider.js

とすることで読み込むようになりました。

上記の書き方だとドメイン直下のjsフォルダを覗いた後に、ファイルがなければ

テーマフォルダのjsフォルダを見に行くような仕様なのでしょうか？

そこら辺をよく勉強してなかったので時間がかかってしまいました。

何はともあれありがとうございました。

[a-blog cms forum]

<script type="text/javascript" src="/js/config.js"></script>

上記の書き方だとドメイン直下のjsフォルダを覗いた後に、ファイルがなければ

テーマフォルダのjsフォルダを見に行くような仕様なのでしょうか？

/js/config.jsの場合はa-blog cmsが設置してある階層の/js/config.jsが優先されて読み込まれるようです。

また、 /js/config.jsはシステムをアップデートするときに新しいバージョンでconfig.jsの内容が変わっていることがあるため直接書き換えるのではなく、設定を変えたところだけACMS.Config.設定名で値を変更するようにしてください。

マニュアル「組み込みのJavaScriptの設定を編集する」を御参考ください。
http://www.a-blogcms.jp/support/tutorial/builtinJS/js-edit.html

[堀米雄樹]

a-blog cms forum　様

ありがとうございます。

今後とも宜しくお願い致します。