なんとWordPressプラグインまである。多彩なエフェクトでレスポンシブなフリーのjQueryスライドショー『Camera』 / Maka-Veli .com
なんだか話題になってるみたいですね？『Camera』というスライドショー。 特徴としては レスポンシブ 多機能、ハイクオリティ 多彩なエフェクト スキンも多数用意 WordPressで管理できる という感じなのですが、WordPressプラグインは本当にびっくりしました。 ウィンドウリサイズするとちゃんとレスポンシブ WordPressプラグイン。管理画面もしっかり用意されている 管理画面上でエフェクト等が細かく設定可能 他にも多数機能あり フリーなんですが、サポート（寄付）してね、というスタンスなのでもしよければ寄付して使ってみてはいかがでしょうか Camera http://www.pixedelic.com/plugins/camera/ WordPressはこちらから http://wordpress.org/extend/plugins/camera-sli
ResponsiveSlides.js · Responsive jQuery Slider & Slideshow
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
FlexSlider 2
// 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>
RefineSlide
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 -
短いjQueryコードでレスポンシブWebデザインに対応したシンプルなスライドショーを作ってみる
この手のは沢山出回っているので今更 っていう感じの話題ですけど、個人的 にはどのライブラリも利用しやすい 感じではなかったので簡単なコード で出来るものを作ってみます。 最近、人気のスライダー系プラグイン、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 MOONGIFT
RefineSlideは様々なイフェクトに対応したスライド切り替えソフトウェアです。 プレゼンテーションの基本はスライドですが、その切り替えに際してただ入れ替わるだけでは面白くありません。HTMLのスライドであればRefineSlideを使って華麗に、ダイナミックに切り替わるようにしてみましょう。 縦に切り替わるパターン。 右から左へ。 左右に切れていくパターン。 デモ動画です。 RefineSlideを使うとダイナミックなイフェクトが容易に実現します。WebサイトのトップページやHTMLによるプレゼンテーションなど色々な場面で使えるのではないでしょうか。 RefineSlideはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る 最近のWebサイトではトップページでサービスの紹介動画を載せるか、画像ベースのスライ
Slideshow with jmpress.js | Codrops
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
WebDesignHabits.com is for sale | HugeDomains
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
実際にサイト制作したときに使ったjQuery2つ | WEBデザインファクトリー
今回、制作したWEBサイト かしのき学童クラブ こんな感じのサイトです。ちょいちょい修正したいとこもありますが、クライアントが気に行ってくれているようで本当によかったです。 クライアントの要望のかわいらしく元気な感じは出せたのではないかなと思います。打ち合わせというか、ヒアリングの重要性を改めて痛感しました。自分の弱い部分はそこだなと・・・。勉 ...お久しぶりです。ここ一カ月くらいずっとブログの更新を怠けていました。申し訳ありませんでした。 というのも、実は本業のインストラクター以外にサイト制作の依頼をいただけまして、うれしいことに忙しかった感じです。という事で、今回は 実際にサイト制作で使ったjQueryをご紹介したいと思います。 今回、制作したWEBサイト かしのき学童クラブ こんな感じのサイトです。ちょいちょい修正したいとこもありますが、クライアントが気に行ってくれているようで本
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Camera | a free jQuery slideshow by Pixedelic
http://sliderjs.org/
Loading...