iPad2012.04.023Dやスライスなど、様々なアニメーションエフェクトを使用できて、且つレスポンシブWebデザインにも対応可能なイメージスライダーを実装できるjQueryプラグインのご紹介。REFINESLIDEというプラグインです。覚えておいて損は無いのでは。IEではフェードエフェクトのみになってしまいますが、iPhoneやiPadなどではcss3による様々なエフェクトを利用できます。スマフォ用として利用するっていうのも手ですね。REFINESLIDEスマフォとかにも対応できるCSS3+jQueryなイメージスライダーです。3Dな感じのとかスライスしたエフェクトの素敵なもありますのでインパクトは与えられそうですね。実機で問題なく動作しました。Sample上記はIE7でサンプルにアクセスした際の状態です。赤いラベルはそのブラウザでは非対応、という意味です。以下、そのサンプルページになります。Chromeなら全対応でした。src="jquery.refineslide.min.js"></script>本体(ver.1.7以上)とプラグインを読み込む。});あとはセレクタ指定すれば完了です。});セッティングはこんな感じ。コード見ればだいたい分かると思います。transformはjs内で指定されています。src="05.jpg"></li></ul>マークアップもシンプル。リンクもキャプション等も挿入できます。ライセンスはMITです。ありがたいライブラリですねー。コピーかちびと.net関連記事cssやプログラミングiPhoneやAndroid等のタッチデバイス向けイメージギャラリー用JSライブラリ・PhotoSwipeなかなか良いですぞなかなか良さ気だったので備忘録。iPhone、AndroidやiPadなどの...jQueryクレジットカードの情報入力を支援する為のスクリプト・Skeuocardクレジットカードの情報入力支援用に作られたスクリプトです。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。