Camera is a responsive/adaptive slideshow. Try to resize the browser window It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers
ResponsiveSlides.js v1.55 Simple & lightweight responsive slider plugin (in 1kb) ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft's Build 2012 and Gridset App. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for
// Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); }); <!-- Place somewhere in the <body> of your page --> <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
Features A few transitions to play with Responsive down to mobile scale CSS transition & 3D transform support Javascript fallback fade transition Auto-formatted, responsive thumbnails Good browser support (IE7+) HTML captions Hardware acceleration on supported browsers Free to use and abuse as you like Simple, semantic markup Lightweight: 12k minified (4k gzipped) Installation - Essential steps -
この手のは沢山出回っているので今更 っていう感じの話題ですけど、個人的 にはどのライブラリも利用しやすい 感じではなかったので簡単なコード で出来るものを作ってみます。 最近、人気のスライダー系プラグイン、Nivo SliderがレスポンシブWebデザインに対応しました。 The Nivo Slider is Responsive! これ以外にもググればプラグインは沢山出てきますので、選択肢は沢山ありますが、短いコードで済むに越した事は無いので試しに書いてみます。 Sample Sample on jsfiddle $('img:gt(0)').hide(); setInterval(function() { $('img:first-child').fadeOut(0).next('img').fadeIn().end().appendTo('div'); }, 4000);コードは特
RefineSlideは様々なイフェクトに対応したスライド切り替えソフトウェアです。 プレゼンテーションの基本はスライドですが、その切り替えに際してただ入れ替わるだけでは面白くありません。HTMLのスライドであればRefineSlideを使って華麗に、ダイナミックに切り替わるようにしてみましょう。 縦に切り替わるパターン。 右から左へ。 左右に切れていくパターン。 デモ動画です。 RefineSlideを使うとダイナミックなイフェクトが容易に実現します。WebサイトのトップページやHTMLによるプレゼンテーションなど色々な場面で使えるのではないでしょうか。 RefineSlideはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。 MOONGIFTはこう見る 最近のWebサイトではトップページでサービスの紹介動画を載せるか、画像ベースのスライ
2012年8月〜2012月9月までの当ブログで紹介したjQueryプラグインをまとめてみました。全部で12個ありました。ちなみに前回までのは「当ブログで紹介したjQueryプラグイン19選のまとめ 2012/04 – 2012/07」でまとめてあります。ということで以下、日付が古いものから順にどうぞ。 ※ 10月も1個だけ混ざっちゃいました… [ads_center] Kwicks for jQuery クールでお洒落なナビゲーションを簡単に実装することができます。マウスオーバーで拡大するものや、アコーディオンタイプのものまで色々あります。 クールでお洒落なナビゲーションを簡単に実装できるjQueryプラグイン「Kwicks for jQuery」 jquery.flicker 指定した要素をパカパカと点滅させることができるとても軽量なjQueryプラグインです。 指定した要素をパカパカと
Today we will create a slideshow using jmpress.js. The jQuery plugin that is based on impress.js will allow us to use some interesting 3D effects for the slides. You have for sure already seen impress.js, a really great JavaScript library for creating extraordinary 3D presentations. The jQuery port jmpress.js let’s you use this library as a jQuery plugin with some added options. We want to show yo
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
モニター全体に広がるメインビジュアルのサイト11つでも記事にさせていただきました。横幅いっぱいメインビジュアルですが、jqueryのスライドショーを紹介してくれているサイトをまとめてみました。簡単に実装できるのでぜひ参考にしてみてください。モニター全体に広がるメインビジュアルのサイト11つでも記事にさせていただきました。横幅いっぱいメインビジュアルですが、jqueryのスライドショーを紹介してくれているサイトをまとめてみました。簡単に実装できるのでぜひ参考にしてみてください。 Nivo Slider 下記のキャプチャと合わせて4つ紹介してくれています。 Animate Panning Slideshow with jQuery | Build Internet 斜めの動きも付いています。 デモページはこちらです。 sexyCycle 下記ページの上の方にjsファイルやCSSファイルのダウン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く