トップページ・・・固定ページ

• ダーンと大きい画像をスライドさせたい！！
• ブログ情報をちょろっと表示したい
• 業務内容と業務実績も表示

と考えたとおりに・・・まずは、

ダーンと大きい画像をスライドさせます。

nada iconsテーマでメイン画像切り替え機能を装備してますが
レスポンシブに対応する為にbootstrapのCarousel
を使う事にします。

ここで気づいたのですが、レイアウトにいれるべきですね（笑）

	  BcBaser->isHome()): ?>
	  

	    

		    BcBaser->mainImage(array('all' => true, 'num' => 4)) ?>
	    
	  
	  

トップページでしか出さないのであれば、固定ページに組み込んでも
問題ないような気もしないでもないですが、一応レイアウトに
組み込んでみました。
これで、

こんな感じでタグが吐かれるので
jqueryのロードファンクションでCarousel対応タグに書き換えます

$(document).ready(function() {
  //carousel用HTML生成
  var carousel_v= '
';
  var carousel_indicators_v = '
';
  var carousel_inner_v = '
';
  var cnt=0;
  //画像要素を取得
  //$('#top_main').find("img").addClass("col-xs-12 col-sm-12 col-md-12 col-lg-12");
  $('#top_main').find("img").css("width","100%");
  $('#top_main').find("a").each(function(){
     cnt++;
     if(cnt==1){
         carousel_indicators_v+='
';
         carousel_inner_v+='
';
     }else{
         carousel_indicators_v+='
';
         carousel_inner_v+='
';
     }
     carousel_inner_v+=$(this).html();
     carousel_inner_v+='
';
     carousel_inner_v+='
'+$(this).find('img').attr('alt')+'
';
     carousel_inner_v+='
';
  });
  carousel_indicators_v+='
';
  carousel_v+=carousel_indicators_v+carousel_inner_v+'
';
  $('#top_main').html(carousel_v);
  $('#top_main').fadeIn();
});

ざっくりとこんな感じです。
これで、画像のスライドまで実装できました。
次こそは、固定ページの作成に入ります。