スマフォやタブレットでタップした時の動作を制御する！｜株式会社アクトゼロ｜クリエイティブブログ
PCページと違い、スマフォやタブレットではマウスを使わないため、 マウスオーバーの概念が存在しません。 ですが、タップした時の挙動を制御することは可能です。 jQueryで指定 jQueryにはタップした時のイベントが用意されています。 それが、「touchstart」と「touchend」です。 ■サンプル ・タップした時にボタンを差し替える例 $(function(){ //タップ開始時 $(‘img.btn’).on({ touchstart: function () { var newImg = $(this).attr(‘src’).replace(‘.jpg’,’_ac.jpg’); $(this).attr(‘src’,newImg); } }); //タップ終了時 $(‘.img.btn’).on({ touchend: function () { var newImg =
PCサイトとスマホサイトの表示切り替えができるjQueryプラグイン「Pc2Sp.js」
Pc2Sp.jsは、PCサイトとスマホサイトの両方が用意されたサイトで、それぞれに表示の切り替えを行うことができるjQueryプラグインです。Pc2Sp.jsはto-Rさんが配布しています。 よくスマホサイトで[PCサイトを表示]のようなボタンがあって、タップするとスマホからPCサイトを表示するのを見かけたことがある方も多いのではないでしょうか。Pc2Sp.jsを導入すると、ああいうことができるようになります。 ということで、Pc2Sp.jsの導入手順を紹介したいと思います。 PCサイト側の設定 PCサイト側では、スマホサイトへのリンクを設置します。URLは変更してください。 <div id="spLinkBlockInPc"> <a href="http://hogehoge.com/sp/" id="anchorToSpInPc">スマホサイトを表示</a> </div> CSSで以下
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 スマートフォン用ページでは「PCサイトを見る」なリンクが設定可能で、それがクリックされると、スマートフォンでPC用のサイトが閲覧できます。クリック後は1の転送機能が無効になります PC用のサイトでは、スマートフォンで見た場合のみ表示される「スマートフォンサイトを見る」なリンクが設定可能で、これがクリックされるとスマートフォン用のURLに転送され1の機能が復活します。 個々のページでどのPCページとスマートフォンページが対応
WordPressでスマホ対応する4つの方法とおすすめパーツのデザインを紹介
WordPressでスマホ対応する4つの方法とは？ WordPressでスマホ対応する方法は、大きく分けるとこの4つです。あとはそれぞれの組み合わせによるものがあります。 1. WordPressプラグインWPtouchによるスマホ対応 HTMLやCSSをカスタマイズできない場合は、WordPressプラグインを使うのがてっとり早いです。記事書くのを優先したい場合も、時間の短縮に役立ちます。 WordPressでスマートフォン対応できるプラグインは他にも見つかりますが、更新頻度や利用者数により、私は「WPtouch」をおすすめします。ネットでの情報も多いのでカスタマイズもしやすいです。下の記事も参考にどうぞ。 【WordPress】WPtouchとPopularPostsでスマホにサムネイル付のカテゴリー別人気記事を表示【WordPress】WPtouchでソーシャルボタンやAdsense
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
