Galleria — A JavaScript gallery for the FastidiousWelcome to Galleria Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria 1.0 started as a small hobby project but now has over 500.000 downloads worldwide. This site is now dedicated to version 1.2, c
supersizedというjQueryを使ったフルスクリーンのスライドショーを見つけました。 特徴は以下の3つですね。 ・画像の縦横比を維持しながらブラウザに合うように画像をリサイズする ・フェードイン&アウトしながら画像を切り替える ・ナビゲーションで「一時停止・再生・戻る・進む」をコントロールできる こんな感じです。 オプションも数値でいろいろと設定できますね。 とてもかっこいいのでぜひ見てみてください。 » supersized 気持ちいい週末ですね〜。まったりだな。
a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples. Follow @srobbin Tweet Do you see the full-sized background image on this page? In a nutshell, that's what Backstretch does. It will stretch any i
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via:dcdeiv/jsonslider
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow […] In this tutorial we are going to create another full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow the user to slightly zoom into the picture by clicking o
Movable Typeの画像を直接編集するためのプラグインAssetImageEditorのMT6対応版をアップしました。 こんにちは、はせがわです。 ご好評を頂いておりますMovable Typeの画... Posted 2014-12-17 MailPackのMT6対応版をアップしました。 既に最新版として公開させて頂いておりますMailPackですが、MT6対応版... Posted 2014-02-27 Movable TypeとAmazon Web Servicesをベースとした クラウドCMS「MTCMS Cloud」を発売開始しました。 ~Movable Typeに関わるサーバー運用・保守を代行し、 コンテンツに集中できる環境を提供~ Posted 2014-01-28 冬期休業および期間中にいただいたお問い合わせについて 拝啓 時下益々ご清祥のこととお慶び申し上げます。平
[東証1部] 9842 アークランズ(株)、新潟県三条市で、DIY用品卸売業とホームセンターを展開。企業・IR情報、事業紹介など。
floatを使った際の表示の崩れを正すためによく使われるclearfixですが、それを使わずともfloatを簡単に解除する方法をご紹介します。 HTML
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く