「普段プラグインを使っているけど、自分でスライドショーを組んでみたい！」という人へ！jQueryの勉強になりました〜。 1、jQueryを読み込む <script "text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 2、htmlを記述。画像を読み込みます。 <div id="stage"> <img src="img1.jpg" id="img1"> <img src="img2.jpg" id="img2"> <img src="img3.jpg" id="img3"> </div> 3、cssを記述。 absoluteを指定して画像を重ね、一枚目のみ表示します。 <!-- css --> <style type="text/css"> /*

こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。（たまにjQueryが必須でないものもあります。） ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプルで綺麗だし、マークアップも簡単。テキストもOK。お気に入りのプラグインです。 Owl Carousel bxSlider 個人・商用利用可能。シンプルなスライダープラグインです。レスポンシブで動作し、カスタマイズもしやすく重宝します。 jQuery Content Slider | Responsive jQuery Slider | bxSlider Glide.js デモページがカッコイイス

スマホサイトのメニューを実装するのに人気のあるJQueryプラグイン『Sidr』。リンクをタップすると横からにゅっとメニュー画面が出てきて、操作性のよいものです。しかし、メニューを出した後は、もう一度メニューのリンク先をタップしないと元に戻りません。 サイトに初めて訪れてくださった方や操作の不慣れな方は、そのことがわからず、メニューを閉じることができないのではないでしょうか？ワタシ、閉じ方わからず焦りましたｗ メニューの項目に『閉じる（戻る）』ボタンがあればもっと操作性が良くなるのではないかと思ったので、当ブログに設置した方法をご紹介します。 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 Sidrに閉じるボタンを設置する手順 『Side』をサイトに組み込む Sid

こんにちは。 今回は横からスライドするドロワーメニューのjQuery、JS、CSS3のプラグインまとめ！です。 サイト制作する上で、もうスマホサイトやレスポンシブなサイトが当たり前になってきましたね。 今回はそんなスマホサイトやレスポンシブなサイトによさそうなドロワーメニューのプラグインを集めてみたので紹介します。