Tag Archives: sparrow.js

1

sparrow.jsの導入と設定

no image

モバイルサイトを手っ取り早くスマフォ対応にする必要がある場合にsparrow.jsを使うとそれっぽく表現することができます。簡単にできるのかと思っていたのですが、ちょっと良く分からない部分がチラホラ。結局、サイトにあるdemoを見ながら設置しました。そんなこんなで、疑問に思ったことを備忘録な感じで残します。 まず、ダウンロードすると複数のjsが入っています。しかし、読み込むjsは2つだけ。 ダウンロード:sparrow.js なんでだろ? sparrow.jsが複数のjsを読み込むようになっていました。それを知らず任意の場所にjsファイルを移動すると当然効きません。サイトに合わせる場合や変更したい場合は、sparrow.js内のルートパスを変更する必要があります。 【ファイルの構成】 sp_config.js sparrow.js  ├ jquery-1.6.4.min.js  ├ marquee.js  ├ smoothScroll.js  ├ sp_core.js  ├ sparrow.js  ├ sparrow.css  └ glyph     ├ mpc.js     └ carrier        ├ softbank.js(glyph/carrier)        ├ docomo.js(glyph/carrier)        └ ezweb.js(glyph/carrier) 【例:ルートを変更する場合】 sp_config.js ↓ ↓ ↓ ↓ ↓ ↓ ↓ // ベースディレクトリ var baseHost = “http://www.vi-de-bu.com”; var basePath = “/sp”; sparrow.js ↓ ↓ ↓ ↓ ↓ ↓ ↓ // jquery document.write(‘<script src=”/js/jquery-1.6.1.min.js”></script>’); document.write(‘<script … Continue reading