並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン:phpspot開発日誌
Full Screen Background/Slideshow | jQuery Plugins 迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン。 ブラウザのサイズに応じて画像のサイズも切り替わるというフルスクリーンのスライドショーが実現可能です。 大きめの解像度の写真を迫力そのままに出したいみたいなシチュエーションで使えるかもしれません。 フッターにサムネイルつきのナビゲーションもついてます。 実装は、各種表示用のオプションに加え、画像のデータを配列で渡してあげるだけという簡単仕様です。 関連エントリ これは新しい、回転させて切り替えるスライドショー実装jQueryプラグイン 次の画像が何なのかが分かりやすいフルスクリーンのスライドショー実装jQueryプラグイン「SuperSized」
JSだけでここまで画像編集できちゃうのが分かるツール＆jQueryプラグイン「JSManipulate」:phpspot開発日誌
JSだけでここまで画像編集できちゃうのが分かるツール＆jQueryプラグイン「JSManipulate」 2011年08月08日- JSManipulate - Javascript Image Filters & Effects JSだけでここまで画像編集できちゃうのが分かるツール＆jQueryプラグイン「JSManipulate」。 ブラウザ上で画像を瞬時に編集できちゃいます。フィルタもかなり大量にあって様々なエフェクトがかけられます。 jQueryプラグインの形で、いつでも自由にリアルタイムエフェクトをかけたりもできるみたい。 アニメーションも可能。ということで一見の価値ありです。 パラメータをいじるだけで画像編集できます。 フィルタも大量に存在。 以下、エフェクト例 jqueryのコードでいえば例えば、次のようなコードで実現できるようです。 $(element).jsManipul
JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」:phpspot開発日誌
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます（角丸はCSSで指定してます）。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div
[JS]背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
23 Most Popular jQuery Photo Gallery and Slider Plugins
In this post we take a look at 23 of the best jQuery plugins that will allow you to easily build a feature-rich image gallery ( a number of plugins support various multimedia formats like video and Flash). There are a lot of technologies available for developers. Sometimes, you have a large collection of images in your website that you can make fashionable content as image sliders. . 1. jquery ima
わずか3STEP！誰でも簡単にjQueryを使ったLightboxギャラリーを作成出来るソフトウェア・Jquery Photo Viewer - かちびと.net
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」:phpspot開発日誌
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 2010年08月11日- Pagemap ImageWall ? Freeware Web Photo Gallery with slideshow | Pagemap Premium Portfolios PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」. アニメーションやLightBoxなどでモダンな感じに動くギャラリースクリプトです。１ファイルなので設置は簡単です。 動きを実際に見てみる 設置にするには、phpが動くサーバを用意した後、パッケージをダウンロードして「index.php」を開き、$config の変数を設定します。 ヘッダー画像や背景、文字色、カスタムCSSと、画像が入っているディレクトリの指定等をしてアップロ
画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種:phpspot開発日誌
画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種がまとまったエントリのご紹介。 新しいものから古いものまでいろいろとまとまっているようです。 カバーフローみたいなギャラリー実装プラグイン なかなかクールなサムネイル付きギャラリー実装プラグイン UIがクールなギャラリー実装プラグイン ギャラリー用のプラグインはすでに多数ありますが、色々と覚えておくのも引き出しを増やしておくという面でよいかもしれませんね。 以下のエントリを参照してください。 37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tutorials 関連エントリ 訪問者驚きの手めくり風、画像ギャラリー作成サンプル 超カッコいいApple風スライドショ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
