CSS3を使って作られたスワイプにも対応したスライダーです。ブラウザサイズを変更しても横幅100%のイメージが可変し、レイアウトが崩れずれる事がないのでレスポンシブで制作する際、メインビジュアルなどで重宝しそうです。オプションも豊富に用意されているので使ってみたいプラグインです。
CSS3を使って作られたスワイプにも対応したスライダーです。ブラウザサイズを変更しても横幅100%のイメージが可変し、レイアウトが崩れずれる事がないのでレスポンシブで制作する際、メインビジュアルなどで重宝しそうです。オプションも豊富に用意されているので使ってみたいプラグインです。
こんにちは、サリーです。 最近は無料のスライダーでも良質のものがたくさん溢れていて、どれを使っていいか悩みすぎてしまう。。ということがよくありまして。 「これだ!」という決め手があればなあ。ということで、今回は他との違いを見せつける個性的なスライダーばかりを集めてみました。 今すぐ使いたくなるような、わくわくする動きでいっぱいです。デモページと共に紹介していきます。 【最新スライダーはこちら!】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Slit Slider Revised http://tympanus.net/codrops/2012/10/24/slit-slider-revised/ DEMO: http://tympanus.net/Tutorials/FullscreenSlitSlider/ 絵が真ん中から横にバカッと、時
画像の切り替え時のエフェクトが とっても素敵なjQueryのイメージ スライダー・jq-tilesのご紹介で す。クロスブラウザという訳では 無いのでこのままだと用途は限ら れますけど・・ 素敵なエフェクトが用意されたスライダー。CodeCanYouにあるような有料のスクリプトでたまに見かけるタイプです。OSSで公開されてるのはちょっと珍しいかも。 タイル状に画像が切り取られながらフェードアウトします。他にもいろいろ。 目を惹く事は出来そうです。 $('.foo').tilesSlider() 本体とプラグインを読み込んで初期化すれば動作します。 { x : 4, // x軸にタイルを動かす数値。最大20 y : 4, // y軸にタイルを動かす数値。最大20 effect : ‘default’,//エフェクト指定 fade : false, // フェードさせるかどうか auto :
Those portfolio sites out there very commonly use the jQuery image galleries or sliders to display their images and photos. It also provides a good user experience making the image viewing more pleasant. This is because of the concise javascript handling with a very little code. One of the amazing thing about Jquery is that you don’t need to be very techie to add it to your website for you can add
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to […] Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will
jQuery Touch Swipe Slider イメージ 現在KARA-FULLのトップで使っているスライダーはjQueryベースで拡張性の高いSliderKitというのを使っているんですが、スマートフォン対応を考えるとちょっと使いにくさを感じたのでスワイプ(フリック)などの動作に対応したTouchSwipeというタッチデバイスをベースにイメージスライダーを作成しました。 俗にいうjQueryプラグインってやつです。 このTouchSwipeの便利なところはタップやスワイプだけでなく2本指でのスワイプにも対応しているという点です(使ってませんが)。ただあくまでこのプラグインはタッチデバイス用のプラグインなのでスライダーなどの機能は自分で作る必要があります。 という訳で作ったのがコチラ。 Demo:jQuery Touch Swipe Slider – jQuery animation
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く