カルーセル
【Bootstrap・JS】カルーセルで高さを合わせる
2019年12月2日
Bootstrapのカルーセル(フェードイン)実行時に、それぞれのスライドの高さがまばらだと、フェードトランジション終わってから高さが付くので前のスライドの高さに依存する。 なのでJSに と追加してみる。...
Bootstrapのカルーセルをレスポンシブ対応な複数枚表示に切り替え
2018年10月23日
Bootstrapのカルーセルは基本的には1枚の画像(もしくは1つのHTMLコンテンツ)をスライドしながら表示する機能です。 これを下図のように複数の画像を同時に表示して、画面サイズに応じて表示枚数を変更出来るように設定...
BootstrapでLightbox実装する際は、別途プラグイン導入の必要無し
2018年10月16日
Bootstrapライブラリは便利だけど、CSSファイルが200kbくらいあって結構重いです。 なので、サイトに様々な効果を加えるために別途プラグインを導入して、JSやCSSを増やしていくのは避けたいところ。 そして件の...
WordPressの囲み型ショートコードでpやbrが付くのを防ぐ方法
2018年10月16日
今bootstrapでカルーセルを実装できるショートコードを作っているのですが、囲み型ショートコードの中に余計なやタグが入り込んで来て、非常に邪魔です。 これを防ぐためには、 とすれば停止するのですが、これだと本文全体で...