ホームページ背景自動切替jquery-bgswitcherを実装

2016/04/10 12:05
こんにちは! Benです。 職場のWEBサイトのリニューアルが2月に行い、思った以上にすんなりといって安心しました。その中でjQueryを使った背景自動切替、つまり背景のスライドショーを実装したのでそれをノートしたいと思います。使用したのはjquery-bgswitcherです。 まずはjQuery本体が読み込まれていることが前提になります。以前のノートが参考になると思います。jquery-bgswitcherのファイルはここからダウンロードできます。ZIPでダウ..

続きを読む

レスポンシブメニューSmartMenusを実装しよう

2016/02/13 18:04
こんばんは! Benです。 職場のWEBサイトのリニューアル作業真っ最中ですが、その中でプライベートでも使うjQueryを用いたレスポンシブメニューの実装をノートしたいと思います。 今回使ったのはSmartMenusというものです。以前、Flexnavというものを実装していたのですが、動作確認段階で、ブラウザのウィンドウ幅を変えたりするとメニューの開閉がおかしくなる現象が確認されました。アニメーションがきれいでとても便利だったのですが、私用ならともかく組織のサ..

続きを読む

Seesaaブログでスマホのスライドショーを実装

2016/02/07 10:42
こんにちは! Benです。 前回、Seesaaブログでパソコン版のスライドショーを実装するときの留意点を書きましたが、スマホ版はそのままでは行きませんでした。あれから色々と調べて解析したところ、スマホでもできるようになりました。その要点は以下のとおりです。 スマホページは広告表示用にjQueryを使用している(つまりすでに読みこんでいる)この広告の常に画面下部に表示され、画面を動かすたびにアニメーション(スクリプト)が起動する結果として、スクリ..

続きを読む

もっと見る