オリジナルのアダプティブイメージスクリプトとして、このポートは自動的に使用可能なビューポート(画面)サイズに基づいて、デスクトップやモバイルデバイス用の画像のサイズを変更します。上述したように、開発者は、スクリプトが彼のためにすべてをやって、アダプティブイメージをサポートするために、すべての画像コードのマークアップを変更する必要はありません。オリジナルのアダプティブイメージのPHPスクリプトは、ここでの...

minBlock.jsは3×3行列のグリッドをプロットするためにHTML5のキャンバスユーティリティを使用しています。次に、各セルのランダムな位置に適用し、マトリックスグリッドを埋めるために小さなブロックを生成する。minBlock.js原色を受け取り、ブロックに適用し、そして二次色が充填されていないグリッドセルに適用する。これらの2つの色がランダムに選択することができ、または開発者は、JavaScriptのパラメータを介してそれらを供給することができます。minBlock.jsは、それがどのように実装でき...

Slickr

Slickr 0.5.5

Slickrは、あなたのFlickrの公式ユーザーページへの自己ホスト代替手段です。これは、単純な、最小限のページレイアウトでそれらを表示し、ユーザーのFlickrのIDを取得して、リモートサイト上のすべての彼のFlickrの写真を引っ張ることによって動作します。写真は正方形の格子を使用して表示され、(のショコラのを介して)より高速な配信のためにキャッシュされ、ポップアップモーダルウィンドウ内表示することができます。ユーザーを支援しますインストールウィザードがSlickrを設定し、パスワードで保護されたバッ...

は、画面の領域全体に画像を表示するための最新のHTML 5フルスクリーンAPIを使用しています。代替メカニズムも含まれる。古いブラウザでは、バックビューポート全体でスライドショーを表示することに落ちる。ワーキングデモは、開発者が独自のプロジェクトに軌道に乗るために、ダウンロードパッケージに同梱されます。 の要件の:ます。 は JavaScriptが上の使用可能クライアント側 jQueryの HTML5 Fullscree...

jQueryのリールは、ユーザーのマウスホイールのカーソル上または垂直および/または水平抗力ハンドラの助けを借りて、ベースの迅速な画像ソースの交換を行って、通常の画像タグの上で動作します。ユーザは、これらのハンドラのいずれかを移動させ、あるいは彼のマウスを使用して画像をドラッグするように、画像ソースは、ユーザの相互作用と一致する視点を示し、それに応じて回転される。リールプラグインは、シーケンス内の一連の画像を使用してそのサイクルのJSベースのムービープレーヤーを実装する、異なる角度から製品をプレビューするた...

GifMachine、ユーザーは、所望の配列の開始時刻と終了時刻と一緒にGIF幅をYouTubeの動画のURLを指定することができます。すべてのオプションが記入すると、GifMachineスクリプトがビデオ全体からシーケンスを抽出し、GIFファイルに変換するFFMPEGライブラリを使用しています。このGIFファイルは、ローカルに保存され、ユーザーは、自動的に画像が表示されているページにリダイレクト。彼はその後、URLをコピーして、彼の友人と共有することができます。GifMachineが作成されたイメージを一...

S Gallery

S Gallery 1.0

Sギャラリーは、デスクトップとモバイル環境の両方のためのサポートが付属よく一緒に入れ画像ギャラリースクリプトです。それはあなたのスマートフォン、タブレット、デスクトップPCの両方からシームレスに動作するSギャラリーを可能にするタッチベースの相互作用のための応答性のレイアウトとサポートを提供しています。ギャラリーのメインビューには、より大きな画像にクリックすると拡大することができるサムネイルのグリッドです。すべてのギャラリーの相互作用は、CSS3のアニメーションを使用して行われ、画像もHTML5フルスクリーン...

zoomwall.js

zoomwall.js 1.0.1

zoomwall.js配備されたとき、きちんと格子状のフォト壁にページに表示される画像を示している。画像の一つをクリックすると、ズームイン/アウトアニメーションを使用して、焦点にそれをもたらすでしょう。画像がフルビューモードで入力すると、元の画像の親指は、ユーザーがそれでより良い外観を持つことができますので、より高い解像度で写真を示す、別の画像に置き換えられます。zoomwall.jsライブラリは、開発者がページ上の大量の写真を表示することができ、クールなズーム効果でそれらを見て、過剰に行わライトボックスに...

シンプルなコンセプトに作品をflipgrid.js。ページがロードされると、すべてのサムネイルがグリッドレイアウトを使用して示されている。ユーザが小さなサムネイル画像をクリックすると、サムネイルの高解像度の画像バージョンを完全に表示できるように、その周囲の行は、そのサムネイルを反転開始し、スペースを作る。ユーザー写真が拡大表示を終了した後、彼はそれをクリックして、元の状態にすべてを反転させることができます。flipgrid.jsはページ内など様々な既知の画像ホスティングサービスから取得した画像をロードし、静...