スライダーではなくフェード

サンプルでご用意いただいている「nada icons」テーマですが
トップページにのみ表示される画像のスライダーを
フェードイン・フェードアウトにする方法はありませんか？

通常のサイト作成でのフェードのノウハウはもっていますが、
もしプラグインなどで簡単にできるようなら、よりよいと思いまして。
アドバイスがあればよろしくお願い致します。

うーん、私もよくbaserCMSでフェードを使うのですが、
プラグインなどを見たことはなく、テンプレートをいじっちゃってます。

JQueryをお使いの場合でしたら、
jsファイルさえ読み込めれば、あとは通常のサイト制作と同じです。
jsファイルは、
/app/webroot/themed/お使いのテーマフォルダ/js/
内に放り込んで、レイアウトテンプレートなど、お好きなところで、$bcBaser->js()を呼べばOKです。

テーマにもよりますが、通常は
/app/webroot/themed/お使いのテーマフォルダ/layouts/default.php
または
/app/webroot/themed/お使いのテーマフォルダ/elements/header.php
あたりで呼び出しているんじゃないかと思います。

こんばんは。
フェードは、本テーマで使用されているjquery.bxSlider.min.jsのオプションにあると思いますよ。
http://zxcvbnmnbvcxz.com/demonstration/slide_in_slide.html
のexample2あるいはexample3がそれにあたると思います。
上記のtipsでは、jsのバージョンが上がったものを前提に書かれているようですが、恐らくnada-iconsテーマに附属のもので構わないかと。確証は持てませんが・・・すいません。
基本的には、nada-icons.js内のスライダーに関するファンクションの記述中のmodeを'fade'にされることで実現可能かと。
設置方法、その他細かいオプションなど、詳細は、
http://zxcvbnmnbvcxz.com/jquery-responsible-bxslider/
を参考にされるといいと思います。

こんにちは。
確認してみました。
前のコメントで
引用：
と書きましたが、nada-icons.jsのTOPページsliderの記述には、そもそもmodoのオプションが指定されていませんでした。（そもそもbx-sliderって名前のjsですもんね^^;考えてみれば当然かもですｗ）
ですので、modo:'fade',をオプションとして追記するというのが正しいコメントでした、すいません。
で、フェードとするならば、easing: 'easeOutBounce',（横から出てきてトントントンってやつですね^^）の記述は必要ないので、コメントアウトするか削除してしまってよいと思います。

因みに、効果を確認されるときは、サーバーキャッシュを削除してからの方がいいと思います。
以上です！

度々すいません。
どうもフェードでpauseを指定すると、最初の表示がうまくいかない感じです。
'easeOutBounce'と同時にpauseの記述もコメントアウトするほうがいいのかもです。（すいません、これこそ何の確証もないのですが。。。^^;）

ご回答をありがとうございます。
こんなに早くコメントをいただけるとおもってませんでした。

jQueryにはすこしだけ慣れているので
いよいよの場合はこちらの方法で対処したいとおもいます。
アドバイスありがとうございました！

ご回答をありがとうござます。
ご検証までしていただき恐縮です。

ソースをいじる点ですこし不安はありますが
コピーしておいて試してみたいとおもいます。
アドバイスをありがとうございました！

mode:'fade',を行うと、
画像の高さが潰れてしまうのは、何か原因がありますか？
潰れている（高さが少なくなる）とは、10px程度の高さしか表示されない意味です。
少し見える画像を確認すると、確かにFADEしているので動作は間違ってないのですが・・・泣

テーマファイルは「nada-icons」を使っており、ご指摘のようにnada-icons.jsを変更しています。
挙動が変になるので、現在サイト上では、pager: true　を利用しています。
（この場合は高さが保持されて表示されます）
ご解答よろしくお願いします。

以下、nada-icons.jsの中身

//TOPページslider
$(document).ready(function(){
$('#slider').bxSlider({

auto: true,
speed: 3000,
mode:'fade',




});
$('#top-main .pager-link').wrapInner('');
});
});

北地さん、こんばんは。
確かに何度かリフレッシュすると、そういう状況になることがありますね・・・。しかしながら、なぜそのような状態になるのかはよくわかりません。
http://zxcvbnmnbvcxz.com/jquery-responsible-bxslider/
のDEMOサイトをみるとfadeがうまくいっているように思いますので、本家から　http://bxslider.com/
最新版を落として、差し替えてみるというのも一考かもしれませんね。（ただ、jsを差し替えるだけでは、動かないと思いますが）
お答えになっていなくてすいません。。。
少し時間があれば、試してみます。

試してみました。

潰れている（高さが少なくなる）とは、10px程度の高さしか表示されない意味です。

の状況について、以下の方法でこちらの環境では改善されたように思います。
一度、試してみていただけますか？

以下、FTPアップローダーを使用して行います。

1.事前準備として、ご使用されている環境の/template/app/webroot/themed/nada-icons/js/内のjquery.bxSlider.min.jsをjquery.bxSlider.min_original.js等とリネームします。
（動作が期待通りにいかない場合に元の環境に戻せるように）
2.本家　http://bxslider.com/
より、最新版のbxSliderをダウンロードします。
3.ダウンロードしたzipファイルを解凍し、内包されているjquery.bxslider.min.jsをjquery.bxSlider.min.jsにリネームし、ご使用されている環境の/template/app/webroot/themed/nada-icons/js/にアップロードします。
（最新版は、ファイル名のsが小文字になっていますので、それを大文字のSにします）

こちらで確認した上記のテスト時におけるnada-icons.js内のファンクションの記述は、以下の通りです。

//TOPページslider
$(document).ready(function(){
$('#slider').bxSlider({
mode:'fade',
auto: true,
pager: false,
speed: 3000,
pause: 5000,
});
$('#top-main .pager-link').wrapInner('');
});
});

jsファイルだけを差し替えるという、すこし乱暴なやり方ですので、あくまでfadeを実現するための試みとお考えください。
期待通りに動かなかったらすいません！！そのときは、すぐに元の環境に戻してくださいね(^^;)

※ちなみに先のスレで記述した「pauseを指定すると、最初の表示がうまくいかない」と言った件、設定を最新のjsでしてみたところ、問題なかったので使ってみました。