フリー グラフィックデザインのスクリプト のために Web

Swipeshowは両方のマウス（ドラッグアンドドロップ）、キーボード（左右の矢印）を処理し、可視スライドショーパネルを変更するためのジェスチャーに触れることができる。また、だけでなく、画像のギャラリーを作成するためのそれは完璧作り、画像やHTMLコンテンツを取り扱うが、同様に、コンテンツスライダーを特色にすることができます。アニメーションはネイティブにCSSトランジションを介して処理されますが、通常のjQueryのアニメーションのためのフォールバックメカニズムは含まれています。デモは、ダウンロードパッケー...

Reveal.jsは、開発者がブラウザでのみ実行され、特別なブラウザプラグインとアドオンの助けを借りずにオンラインでホストとアクセスすることができ、プレゼンテーションを使用して、ソフトウェアおよびその他のさまざまなプロジェクトを紹介するのに役立ちますユニークなツールですます。プレゼンテーションでは、キーボードショートカット、進捗インジケータ、ページ番号、およびネストされたスライドとの完全なスライドの無制限の量を、サポートしています。ネストされたスライドをナビゲートするためのコントロールがスライドURLディー...

BBCは、プログラミング関連のニュースのハブではないかもしれないが、その開発チームは、年間を通してリリース彼らのオープンソースプロジェクトの品質、で有名です。Imager.jsはBBC開発チームは、ユーザーが自分のウェブサイトを見るために利用している利用可能なビューポートのサイズとデバイスに基づいて、自分のサイトに動的な画像サイズを有効にするために作成したJavaScriptライブラリです。Imager.jsは、イメージソースパスの内側に挿入複雑なタグを使用しています。検出されたビューポートのサイズに基づい...

Echo.jsは、開発者が、帯域幅を節約し、大規模なホスティングコストを回避するために設計されました。これは、画像の多くを含む、大規模な、長いページをお勧めします。ユーザがページ上のことで停止するか、誤ってそれにアクセスする場合は、ページ全体とそのイメージがロードされますが、画面上のものだけ表示されません。これは、帯域幅の使用量を節約できますが、同様に、ページのロード時間を増加させるだけでなく、 のこのリリースではの新機能：ます。 を追加しました背景画像遅延ロードをサポートします。 の要件の ...

スターズームは2つの方法で動作します。最初の写真の上にオーバーレイされ、「ズームアウト」のコントロール、「ズームイン」のシリーズに依存している、プッシュ小さなボタンは、ユーザが、より高いまたはより低いズームレベルでの写真を検査するのに役立ちます。第二の方法は、それの上にマウスポインタを置くと、マウスのホイールを使ってスクロールしたときや写真のうち、ユーザーに近いをさせると、マウスホイールのスクロールに依存しています。各メソッドは、開発者が独自のプロジェクトにそれを変更し、適応させることができ、独自の設定や癖...

Picturefillは、実際に提案HTML＆＃x3cのJSベースの実装であり、​​画像＆＃Spark Proの。 W3Cで、まだ開発中だ要素。何Picturefillが行うと、使用可能な画面サイズに応じて、同じ画像のさまざまなバージョンを表示する方法を提供することにあります。小さな画面は、現在の解像度に適したバージョンで画像の視認性を変えるPicturefillになります。デモは、ダウンロードパッケージに含まれています。 このリリースの新機能：...

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

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

「イメージスケール」jQueryプラグインは、あなたのサイトに応答画像をサポートする簡単な方法を提供するために開発されました。インストール手順は、パッケージのREADMEファイルで提供されており、あなたはJavaScriptで良いことじゃない場合でも、あなたはまだプラグインを使用できるようになります。それは2つだけHTML5のデータは画像タグ、スケーリング方法を制御するための1つの、親コンテナ内の画像の位置合わせのための1つに属性を追加する必要があります。これらの属性は、あなたがそれらを忘れてしまった場合に...

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