技術メモ詳細detail

はじめて?のCMS5

いよいよ固定ページの作成です。

のはずでしたが。。。。。。

トップページ・・・固定ページ
  • ダーンと大きい画像をスライドさせたい!!
  • ブログ情報をちょろっと表示したい
  • 業務内容と業務実績も表示
と考えたとおりに・・・まずは、

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

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

ここで気づいたのですが、レイアウトにいれるべきですね(笑)
	  BcBaser->isHome()): ?>
	  
トップページでしか出さないのであれば、固定ページに組み込んでも
問題ないような気もしないでもないですが、一応レイアウトに
組み込んでみました。
これで、
こんな感じでタグが吐かれるので
jqueryのロードファンクションでCarousel対応タグに書き換えます

$(document).ready(function() {
  //carousel用HTML生成
  var carousel_v= '';
  $('#top_main').html(carousel_v);
  $('#top_main').fadeIn();
});
ざっくりとこんな感じです。
これで、画像のスライドまで実装できました。
次こそは、固定ページの作成に入ります。          
  2014/01/01   muryoku

はじめて?のCMS5にコメントを書き込む

Loading...
 画像の文字を入力してください

SITE INFO

サイトロゴ

Welcome !!

夢力のページにようこそ
いらっしゃいました。

業務内容の紹介と技術的メモを
中心に掲載していく
予定にしております。

暖かい目でよろしく
お願いいたします。

9月 2021年10月 11月
     12
3456789
10111213141516
17181920212223
24252627282930
31

月別アーカイブ一覧



Copyright © Muryoku. All Rights Reserved.