前提・実現したいこと
スライダー用jQueryプラグイン「camera.js」を使用しています。
スライド完了時のコールバックにおいて、スライダーのオプションを変更したいのですが、どのようにすれば良いのか分かりかねております。
変更したいオプションはfx: 'scrollHorz'
です。
このfx: 'scrollHorz'
をfx: 'scrollRight'
に変更したいです。
また、指定の条件以外の時にはオプションをデフォルトに戻したいと考えています。
条件は以下のソースコードに記載しておりますが「スライド対象画像が2枚のみ、かつ2枚目が表示されている時」です。
該当のソースコード
javascript
1jQuery(function(){ 2var imageLen = 2; 3var slideNum = 0; 4var target = jQuery('#camera_wrap'); 5 6target.camera({ 7 thumbnails: false, 8 height: '100%', 9 fx: 'scrollHorz', 10 navigation: false, 11 //読み込み後 12 onLoaded : function() { 13 slideNum = target.find('.cameraContent').length; 14 }, 15 //スライド完了時 16 onEndTransition: function(){ 17 var idx = target.find('.camera_target .cameraSlide.cameracurrent').index(); 18 //スライド対象画像が2枚のみ、かつ2枚目が表示されている時 19 if(slideNum == imageLen && (idx+1) == imageLen){ 20 //ここに、オプション「fx」を「scrollRight」に変更する記述を書きたい 21 }else{ 22 //ここに、オプション「fx」を元に戻す(scrollHorz)記述を書きたい 23 } 24} 25}); 26});
補足情報
使用プラグイン(camera.js)
https://www.pixedelic.com/plugins/camera/
以上です。
何卒、宜しくお願い致します。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。