スマホ対応のjQuery Slider²をぶっこんでみた。

“特攻”と書いて“ぶっこみ”と読む。

少し記述の見すぎとうまくいった喜びでハイテンションです。

残念ながらプラグインがなかったりするCMSや作りきりのサイトへ組み込むスマホで閲覧できるスライダーっすな。
Xoopsへ組み込むつもりで勉強したのですが、恐らく1ヶ月とたたずに忘れそうなので備忘録です。

Xoopsの分かりやすいカスタムをご紹介して頂いています『うさでき』さまの記事を参考にjQueryのスライダーを入れてみます。
参考記事:http://usadeki.jp/modules/d3forum/index.php?post_id=2277

配布元はこちら、http://wex.im/フィンランドの方のようです。入れるのは『jQuery Slider²』です。

こいつがそう。スマホからも見ることができる、はず。とりあえずiosはok。

サクサク動きますねー。
軽いですし、なにより、サイズも自由なんでいいですね。
何か空マスが表示されちゃうので、どっか記述おかしいんでしょうけど、まあ備忘録ですんで。

導入したものまとめ

wex.imさんの
jquery.slider.css
jquery.slider.min.js
と、あとjquery総本家(!)から
jquery-1.11.1.min.js
を入れて使いました。
今使っているワードプレスのテーマが2層構造なんでソースをチラ見しても分かりにくいですが、
そんな難しいことはしていません。

メリット:スマホでも動いてくれる?とりあえずiosは動いた。アンドロイドはどうかしら。
デメリット:知識がないと組めないです。リンクも貼り直しするか、差し替えでアドレスを毎回替えるのは面倒くさいので、何か噛ましてもうちょっと楽に更新できるようにしたいですねぇ。まあ、ワードプレス上ならjQueryのプラグインが落ちまくっているので必要ないのですが。